書式
水平方向の距離 垂直方向の距離 影のぼかし半径 影の色
サンプル
1 2 3 |
<style> body { font-family: Impact; font-size: 40px; color: red; } </style> |
1 2 3 4 |
<style> #test1 { text-shadow: 3px 3px 0px darkblue; } </style> <div id="test1">Hello Test1</div> |
1 2 3 4 |
<style> #test2 { text-shadow: 5px 5px 3px darkblue; } </style> <div id="test2">Hello Test2</div> |
1 2 3 4 |
<style> #test3 { text-shadow: -5px -5px 3px darkblue; } </style> <div id="test3">Hello Test3</div> |
参考サイト
text-shadow-CSS3リファレンス
http://www.htmq.com/css3/text-shadow.shtml