上下左右から要素が滑らかにスライドして登場します
この要素は左側から滑らかにスライドインしてきます。スクロールするとアニメーションが発動します。
この要素は下側から上に向かってスライドインしてきます。遅延効果で順番に表示されます。
この要素は右側から滑らかにスライドインしてきます。タイミングをずらして自然な動きを演出。
Intersection Observer APIを使用して、要素が画面に入ったタイミングでアニメーションを発動させています。CSS transformとtransitionを組み合わせることで、パフォーマンスの良い滑らかなアニメーションを実現しています。
別のセクションでも同じアニメーションが適用されます。各要素が独立してアニメーションします。
上から下に向かってスライドする要素です。様々な方向からの動きを組み合わせることで、動的な印象を与えます。
再び左からスライドインする要素です。同じ動きでも配置やタイミングが違うと新鮮に見えます。
スクロールしてアニメーションを楽しんでください