#01. box-shadow
:属性用于在元素的框架上添加阴影效果。你可以在同一个元素上设置多个阴影效果,并用逗号将他们分隔开。该属性可设置的值包括阴影的 X 轴偏移量、Y 轴偏移量、模糊半径、扩散半径和颜色。
-
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
// x 偏移量 | y 偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色
(可省略)第四个值spread-radius
,取正值时,阴影扩大;取负值时,阴影收缩。默认为 0,此时阴影与元素同样大。
网友评论