スクロールしても消えないドロップシャドウの作り方

メモ書きもかねてエントリー。ページをスクロールしていってもページの上や下にドロップシャドウを貼り付けておく方法。

drop_1.gif

↑ このようなドロップシャドウですが・・・。

drop_2.gif

↑ スクロールしても付いてきます。

サイトに立体的な効果をつけたいときに使えそうですね。いろいろ応用も利きそうです。

なお、PNGの透過部分を使っているのでInternet Explorerでは動きません。実際に動いているデモはこちらから。

詳しい作業ステップは以下のサイトからどうぞ。

» Scrolling Drop Shadows | Zooiblog

2 Comments

  1. スクロールしても消えないScroll Dropping Shadow

    ページをスクロールしてもページの上下に影が常に表示される
    Scrolling Dropping Shadow・・・
    Simple*Simple …

Comments are closed.