box-shadow是CSS3中的一个属性,用于在元素上创建外部或内部阴影效果。它允许开发者为元素添加一个或多个阴影,每个阴影通过距元素的X和Y偏移、模糊半径、扩散半径、颜色和不透明度值来指定。这个属性对于增强元素的视觉效果和立体感非常有用。
基本语法
box-shadow属性的基本语法如下:
cssCopy Code
box-shadow: h-shadow v-shadow blur spread color inset;
- h-shadow:水平方向的阴影偏移量,可以是正数(阴影在右侧)或负数(阴影在左侧)。
- v-shadow:垂直方向的阴影偏移量,可以是正数(阴影在下方)或负数(阴影在上方)。
- blur:阴影的模糊半径,可选参数,值越大阴影越模糊。
- spread:阴影的扩散半径,可选参数,正值会使阴影扩大,负值会使阴影缩小。
- color:阴影的颜色,可以是十六进制、RGB或其他CSS支持的颜色格式。
- inset:可选关键字,如果指定了inset,阴影将从元素内部投射出来,形成内阴影效果。