Web Animations APIでシマウマを回したくなったときに見るやつ - Qiita

CSSアニメーションとの比較。パッと見は似ていますが、プロパティがちょこちょこ違います。 無限ループが "infinite" ではなく Infinity だったり、イージングの初期値も地味に違います。他にも違いがありそうなので、使う前に仕様のご確認を。 シマウマと遊ぶ See the Pen Web Animations API Zebra Rotation by nishinoshake (@nishinoshake) on CodePen. 回すだけだとCSSで良くない？ってなるので、再生速度を変更できるようにしました。CSSで animation-duration を変えるとアニメーションがバキっとなりますが、こっちだとそれがないのが優秀。 あと、finished プロパティが Promise を返してくれるので、終わったら要素を消したい、みたいなときに便利。animationend