Web Animations API easingサンプル

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

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

star.animate([
  { transform: 'rotate(360deg)' },
], {
  duration: 1000,
  iterations: Infinity,
  easing: 'ease-in-out',
});

元記事を表示する