まず前提として、CSSアニメーションとは @keyframes と animation プロパティを使い、一定の時間軸に沿ってプロパティを変化させる仕組みです。 アニメーションは最初に scaleUp の順再生で終了（1.3倍） ホバー時に reverse で scale(1) に戻す＝逆再生で自然な戻り ...

Web制作において「動き」を実装する際に登場するのが、transitionとanimationという2つのCSSプロパティです。一見似ているこの2つの機能ですが、適用場面・挙動・制御のしやすさ・実装の柔軟性などに明確な違いがあります。 この記事では、初心者から中級者 ...