2022年5月24日SHAREツイートシェアはてブLINEPocket最低限のアニメーションをつけたい時に、毎回記述するのは面倒だなあと思うアニメーションを集めました。コピペして、無駄を省いていきましょう。後述する@keyframesのコードを読み込んだ後、任意の要素にanimationプロパティで読み込んだ@keyframesに対応するアニメーション名を記述して、アニメーションさせたい要素にクラスをつけてください。@keyframesだけで構成されています。animationを理解している方は自由にカスタマイズしてご利用ください。}}より細かなアニメーションを手軽に使いたい場合はanimate.cssを使うのがおすすめです。