スクロール連動CSSアニメーションでパララックス効果を復活さ... ノート
RSS CSS-Tricks

スクロール連動CSSアニメーションでパララックス効果を復活させる

「パララックス」とは、ユーザーがスクロールすると、ウェブページの異なる要素が異なる速度で移動し、立体感のあるレイヤード(重ねられた)外観を作り出すパターンです。かつてはJavaScriptが必要でしたが、現在ではCSSにスクロール連動アニメーションが登場し、JavaScriptアニメーションが悩まされることのあるメインスレッドのブロッキングから解放されています。