box-shadow
屬性用來給元素添加陰影,該屬性值是由逗號分隔的一個或多個陰影列表。
box-shadow
屬性的陰影依次由下面這些值描述:
offset-x
陰影的水平偏移量;offset-y
陰影的垂直偏移量;blur-radius
模糊半徑;spread-radius
陰影擴展半徑;color
其中 blur-radius
和 spread-radius
是可選的。
可以通過逗號分隔每個 box-shadow
元素的屬性來添加多個 box-shadow。
如下為添加了模糊效果的例子,它使用了透明度較高的黑色作為陰影:
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px