keyframes(CSS3)とSassでイケてるアニメーションをシンプルなコードで実装する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
モダンブラウザでは、CSS3のanimationプロパティ、@keyframesの2つを使ってイケてるアニメーションがJS抜きで実装できます。 そいつあすごいぜって話なんですが、アニメーションのバリエーションが複数ある場合、コード量が長くなりがちなんですね。 というわけでSassを使って簡潔に書きましょう。