Web Animations API offsetサンプル

.star {
  display: inline-block;
  font-size: 3em;
}

const star = document.querySelector('.star');

star.animate([
  { transform: 'rotate(0)' },
  { transform: 'rotate(180deg)', offset: 0.2 },
  { transform: 'rotate(360deg)' },
], {
  duration: 1000,
  iterations: Infinity,
});

元記事を表示する