【CSS3】話題のパララックス効果をスクリプト無しで実装する方法。

昨年、2013年度あたりから普及し始め、今年も大流行したウェブデザインのテクニックの１つである［パララックス・スクロール］をCSS3だけで実装する方法を紹介します。 パララックス（Parallax）とは日本語に訳すと「視差効果」を意味し、主にマウスの動きに合わせて特定の要素のスクロール量をコントロールして、ウェブサイトに奥行きや遠近感を表現する手法です。 「パララックス・スクロール」の他に、「パララックス・デザイン」や「パララックス・エフェクト」とも呼ばれています。 まずは動作のサンプルをご覧ください。 CSS3 パララックス・スクロール：動作サンプル 上記サンプルサイトでは、Internet Explorer 以外のモダンブラウザ（Safari、Google Chrome、Firefox、Opera等）をお使いの場合、「開発モード」のボタンをチェックするとレイヤーが3D化されるので構造を

[tailtame]

サンプルの3Dすごいな。Firefoxのと同じなんかな。難しい(｀・ω・´)

[bc_rikko]

サンプルが3Dになるのわかりやすい

[lequinharay]

jsなしでできるのかー