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

SPONSORED LINK

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

drop_1.gif

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

drop_2.gif

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

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

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

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

» Scrolling Drop Shadows | Zooiblog

SPONSORED LINK

このエントリーを共有する

  • このエントリーをはてなブックマークに追加