添加盒子阴影

box-shadow 添加盒子阴影

取值
none: 无阴影

①: 第1个长度值用来设置对象的阴影水平偏移值。可以为负值
②: 第2个长度值用来设置对象的阴影垂直偏移值。可以为负值
③: 如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值
④: 如果提供了第4个长度值则用来设置对象的阴影外延值(放大)。可以为负值 。
⑤:color: 设置对象的阴影的颜色。颜色值可以最先设置。
⑥:inset: 设置对象的阴影类型为内阴影。该值为空时,则对象的阴影类型为外阴影。设置的位置:只能在开头或者末尾。

X Y方向的值必须要设置, 模糊值 放大值 可以根据需求设置,color也要默认的值,也可以根据需求设置。

如:
box-shadow: red 100px 100px 0px ; 分别代表:颜色值 左边距离 与上方距离 清晰度
可以设定多组效果,每组参数值以逗号分隔。多组阴影特殊效果。
同一元素盒子可以添加多个阴影。
box-shadow:gold 10px 10px 1px ,
blue 15px 15px 1px,
black 20px 20px 1px;

× 请我吃糖~
打赏二维码