CSS animation で遊び倒す - Parallax 4- - Qiita

CSS animation day36 となりました。 毎日記事を投稿しているせいで、画像アップロードの上限(100MB月)になってしまいました。大変申し訳ないのですが、画像は極力抑えて、codesandobox で随時貼り付けてお届けいたします。 本日は、 パララックスによる奥域表現をしたいと思います。 1. 完成版 See the Pen World Parallax by hiroya iizuka (@hiroyaiizuka) on CodePen. 2. なぜか？ やっぱり男にとって、Z軸は憧れの対象だと思います。 WebGL とかthree.js とかを使いこなしている人は、羨望の対象でしかありません。かっこいいです、本当に。 今までのパララックスは、Y軸方向にちょこちょこ動かすことによって、視差効果を出しておりました。が、所詮2Dレベルの表現です。 今回は、少しでも3Dレベ