box-shadow陰影屬性詳解

CSS box-shadow陰影屬性詳解

• box-shadow 陰影屬性

box-shadow 陰影屬性

作者：學思之路

連結：http://www.imooc.com/article/12379

來源：慕課網

box-shadow: 0px 0px 5px 10px #888888 inset;

第1個參數為橫向（X軸）偏移值，必需。水準陰影的位置。允許負值。

第2個參數為縱向（Y軸）偏移值，必需。垂直陰影的位置。允許負值。

第3個參數為模糊距離，可選。

第4個參數為陰影的尺寸，可選。

第5個參數為陰影的顔色，可選。

第6個參數可選。将外部陰影 (outset) 改為内部陰影。

還可以設定多個投影，用逗号隔開，例如：

box-shadow: 0px 0px 0px 10px #888888,

0px 0px 0px 20px red,

0px 0px 0px 30px blue;

效果：