タグ

2021年4月6日のブックマーク (1件)

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

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

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