スクロールしても消えないドロップシャドウの作り方
July 30, 2007 4:40 PM written by

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

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

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

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

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

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

» Scrolling Drop Shadows | Zooiblog

Info: デザイン全般 | 固定リンク | コメント (0) | トラックバック (2) | ↑