- 2007-07-30 (Mon) 16:40
- デザイン全般
メモ書きもかねてエントリー。ページをスクロールしていってもページの上や下にドロップシャドウを貼り付けておく方法。
↑ このようなドロップシャドウですが・・・。
↑ スクロールしても付いてきます。
サイトに立体的な効果をつけたいときに使えそうですね。いろいろ応用も利きそうです。
なお、PNGの透過部分を使っているのでInternet Explorerでは動きません。実際に動いているデモはこちらから。
詳しい作業ステップは以下のサイトからどうぞ。
Comments:2
- 日記を書く[・ _ゝ・]はやみずさん 07-07-30 (Mon) 22:14
-
[CSS] IEでもできないことはないはず
ページをスクロールしていってもページの上や下にドロップシャドウを貼り付けておく方法。 (中略) なお、PNGの透過部分を使っているのでInternet …
- WEb2.0*Human 07-08-16 (Thu) 20:18
-
スクロールしても消えないScroll Dropping Shadow
ページをスクロールしてもページの上下に影が常に表示される
Scrolling Dropping Shadow・・・
Simple*Simple …
Trackbacks:0
- Trackback URL for this entry
- http://www.simplexsimple.com/archives/2007/07/post_57.html/trackback
- Listed below are links to weblogs that reference
- スクロールしても消えないドロップシャドウの作り方 from SIMPLE*SIMPLE ～ Web職人のための小粋なネタ帳
