cssだけでパララックス効果を実装する

Javascriptだるい

ので、cssだけでパララックス効果を実装してみます

ニュルッって感じのスクロールはJavascriptがないとどうしても実装できません

perspectiveプロパティは、要素に「transform」効果を適用する際に、その奥行きの深さを指定できます
translateZプロパティは、Z軸での距離を指定することができます

translateZとperspectiveで画面の奥の方に追いやった画像たちをtransform:scaleでいい感じに拡大すると、擬似的にパララックス効果が生まれるというわけです。

文章を書くのが難しいのであとはフィーリングでがんばってください。