text-shadow
textshadowとは
文字に影をつけるプロパティ。CSS3から新しく追加されたもの。
ドロップシャドウ
グロー(glow)
ドロップシャドウとグローの使い分け
この二つの効果を使った成果物を見比べてみると、仕上がりはほとんど同じに見える。しかし、効果が作り出される仕組みは全く別もの。仕組みを理解した上で適切に使い分けよう。
- ドロップシャドウ
- オブジェクトに上方向から光を当てることで、影(物体を遮ることで出来る部分)をつくる。
- グロー
- オブジェクトに背面から光を当てることで陰(物体に光が当たってない部分)をつくる。
ベベル
エンボス
袋文