- 2010年3月20日 8:53 AM
- wordpress
Tweet
Follow @1nobubu
新しいバージョンに入れ替えると細かいカスタマイズが消えてしまう。
そのたびに思い出しながらまた手を加えるのだが、
かなり面倒。
で、この際だから、各記事のタイトルに影をつけてみた。
text-shadow: ［横方向のオフセット］ ［縦方向のオフセット］ ［ぼかしの半径］ ［影の色］
でおーけーだ。
文字の大きさや書体によって調整すると効果的。
text-shadowはCSS 2で定義されたプロパティだが、CSS 2.1では削除され、CSS 3のTextで復活している。
影をつけることで文字を読みやすくすることもできる。背景と文字のコントラストが弱い場合や、
背景画像に文字を重ねる場合などに利用すると効果的だ。
ちなみに、うちのばあいは、
text-shadow: 3px 3px 3px gray,5px 5px 5px #fdfdfd;
となっている。
写真提供：hana http://hana-photography.com
- 新しい: Google Chromeメモリ解放ボタン
- 古い: facebook
コメント:0
トラックバック:0
- この記事のトラックバック URL
- http://www.nobubu.net/wordpress/cdd-moji.html/trackback/
- トラックバックの送信元リスト
- cssで文字に影 - nobubu Eyes より
