さくらのレンタルサーバ15周年!ロゴデザインコンテスト
さくらのレンタルサーバ15周年!ロゴデザインコンテスト
2010.11.29

cssで文字をドロップシャドウさせる

はやち

以前紹介したドロップシャドウcssがありましたが、文字のドロップシャドウがあるのを知ったので
ちょっとメモ

text-shadow: 1px/*横方向*/ 1px/*下方向*/ 3px/*ぼかし方向*/ #000;

細かく指定する時はこんな感じ

text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #000;

これを指定したらどのようになるのかちょっとスクショとり忘れてしまったのでわかりうらいですが、
見出しを少しデザインするにはいいかもですね^^