タグ

スクロールに関するreareaのブックマーク (1)

  • CSSでパララックスの様な効果をつける方法

    CSS3】CSSだけで実現!背景画像を固定&スクロールで切り替えるパララックス風効果 背景画像を画面いっぱいに表示し、パララックス効果のようにスクロールで画像を切り替えるCSSをご紹介します。スクリプトを使用していないので動作が軽く、実装もシンプルで簡単です。 まずは、デモをご覧下さい。 http://codyhouse.co/demo/alternate-fixed-scroll-background/index.html 解説ページはこちら。 ■使い方 背景画像のあるコンテンツと、それに続く背景画像のないコンテンツを一つのグループとして タグで囲みます。 コンテンツを下に増やしていくには、グループ部分を繰り返します。 cd-bg-1というクラスは、cd-bg-2、cd-bg-3と増やしていき、それぞれCSSで背景画像を指定します。 [HTML] CSSもシンプルです。 [CSS] b

    CSSでパララックスの様な効果をつける方法
  • 1