演出効果

スクロールでふわっと表示する

スクロールして要素が画面に入ったときに、ふわっと表示する定番の演出。動きはCSS、判定はIntersectionObserverの数行のJavaScriptで作ります。

animationを使いこなす（遅延・繰り返し・停止）

animationプロパティの細かい指定を覚えて、順番に出てくる見出しや読み込み中のくるくるなど、実際のサイトで使える演出に仕上げます。

@keyframesで自分だけの動きを作る

@keyframesで動きの台本を作り、animationで要素に貼る、キーフレームアニメーションの基本。％で途中の状態を書く方法もデモで解説します。

ホバー演出：transformと組み合わせる

transitionとtransformを組み合わせて、ボタンが浮き上がる・画像がズームする・アイコンが回るといった定番のホバー演出を作ります。