2022.1.16 更新 皆さまごきげんよう! さて、本日はスマートフォンでのパララックス(視差)的な動きを、cssを使って演出してみようと思います。 前回、パララックスを簡単に実装できるskrollrというjsライブラリを使って、シングルページを作ってみたのですが、PCでは思い通りのパララックスが表現出来るものの、skrollrはスマホに対応していなかったため、スマホで見ることが出来ませんでした。 ●以前の記事、skrollrでパララックスのランディングページを作ってみよう〜追記あり〜 そこで、今回はskrollrを使わずにスマホでパララックスを実装してみようと思います。 前回記事の続編となりますので、ざっと目を通しておいていただきますとより解りやすいと思います。 また、元になるhtmlとcssファイルは、前回の「skrollrでパララックスのランディングページ」で使ったものをskrol
![スマホでもパララックスを実装してみよう](https://cdn-ak-scissors.b.st-hatena.com/image/square/1290282012acf6637ee714507b16664cb069cbe9/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Ffreyjasrm.com%2Fwp-content%2Fuploads%2Fd.jpg%3Ffit%3D700%252C467%26ssl%3D1)