パララックス – 香のすけ design blog

スマホでもパララックスを実装してみよう

2022.1.16 更新

皆さまごきげんよう！

さて、本日はスマートフォンでのパララックス(視差)的な動きを、cssを使って演出してみようと思います。

2022.1.16 更新

皆さまこんにちは。

本日はskrollr再び！skrollrを使ってペラいちのランディングページを作ってみます。

まずはこちらにDEMOを作ってみましたのでご覧ください。
（※firefoxブラウザではきちんと表示出来ないかもしれません。その際はお手数ですが他のブラウザでお試し下さいませm(_ _)m )

パララックス（視差）効果で立体感のあるページが簡単に作れるJavaScriptライブラリです。スマホにも対応してます。まずはダウンロードしてみよう。

2022.1.16 更新

本日は、簡単にパララックス(視差効果)を実装できるjQueryプラグイン、skrollrを使ってパララックスのシングルページサイトを作ってみましたので、取り入れ方をご説明します。

前回の記事をお読みになるとスムーズに理解できますので、どうぞご覧ください。

2022.1.16 更新

皆さまこんにちは。

本日はパララックス(視差効果)が簡単に実装出来るskrollrというライブラリをを使ってみましたので、ご紹介しようと思います。

デモを作ってみましたので、こちらをご覧下さい。