[Back To Basic] CSS Shadow Effects

CSS的陰影效果

共包含二項

• text-shadow
• box-shadow

text-shadow

語法: h-shadow v-shadow blur-radius color|none|initial|inherit;

• h-shadow 水平陰影
• v-shadow 垂直陰影
• blur-radius 模糊邊界
• color 陰影顏色

box-shadow

語法: none|h-offset v-offset blur spread color |inset|initial|inherit;

• h-offset 水平移動
• v-offset 垂直移動
• blur 模糊邊界
• spread 傳播半徑(可增減陰影大小)
• color 陰影顏色

source code