小粋空間のエントリー「CSSで画像に影をつける(ドロップシャドウ)」を参考に、エントリー中の画像に影をつけるようにしてみました。
あらかじめ用意しておいた影となる画像に、表示させたい画像を少しずらして配置する方法になります。
スタイルシートの設定と、影を表示させるためのタグをHTMLに埋め込む必要があります。
見た目が劇的に変わるワケではありませんが、少し立体的に見え、ちょっとしたアクセントになりました。
小粋空間
http://www.koikikukan.com/
2007年8月27日 追記
サイトデザインの変更に伴い、ドロップシャドウ効果を廃止しました。
| エントリーを参考にしたり興味を持たれた方は左のペンギンアイコンをクリックしてブログ管理人に拍手を送ってください! コメントがある場合はアイコン下のテキストボックスに入力すると同時に送信されます。 今後の励みになりますのでよろしくお願いします! |
