スタイルシートで実装するパララックススクロール | コリス

パララックス=スクリプトと思っていたのですが、スクリプト無しでも実装できるんですね。 今後、実装方法がますます進化しそうです。 実装方法を簡単に紹介します。 HTML デモのHTMLをシンプルにするとこんな感じになります。 各スライドはdivで配置し、それぞれclassにslideを、idで個別の名称を付与します。 <div id="title" class="slide header"> <h1>Pure CSS Parallax</h1> </div> <div id="slide1" class="slide"> <div class="title"> <h1>Slide 1</h1> <p>パラグラフ パラグラフ</p> </div> </div> <div id="slide2" class="slide"> <div class="title"> <h1>Slide 2</h1

[haishi]

パララックス=スクリプトと思っていたのですが、スクリプト無しでも実装できるんですね。

[o_hiroyuki]

パララックス

[cachico]

CSS]スクリプト無し、スタイルシートで実装するパララックススクロール

[hktms]

“パララックススクロール”

[taitokiss]

“パララックス”

[fushimik]

“パララックス=スクリプトと思っていたのですが、スクリプト無しでも実装できるんですね。 今後、実装方法がますます進化しそうです。”

[nibushibu]

なるほど、ようは擬似的に遠近感を出してるというより、CSSで本当に3Dの奥方向にオブジェクトを予めずらしてあるのか…。よく思いついたな…

[sometk]

わかりやすいといいんだけど。それとIE8‥

[hedeyoshi]

今度試してみよう

[ko-ya-ma]

こんなにシンプルな書き方で実現できるんだ

[z1a2nh]

ｼﾒﾝﾄﾘｯｸｽ

[sugarshin]

via コリス http://coliss.com

[kana321]

パララックス=スクリプトと思っていたのですが、スクリプト無しでも実装できるんですね。 今後、実装方法がますます進化しそうです。

[Sips]

CSSでパララックス

[nors]

http://codepen.io/keithclark/pen/JycFw

[kasumani]

スクリプト無し、スタイルシートで実装するパララックススクロール パララックス=スクリプトと思っていたのですが、スクリプト無しでも実装できるんですね。 今後、実装方法がますます進化しそうです。 Tags: feedly, ifttt,