box-shadow前端设计经常用到的图层阴影效果(上)
作者:管理员
更新时间:2022-02-19 21:15:27
点击数:
CSS3的box-shadow有点类似于text-shadow,只不过不同的是text-shadow是对象的文本设置阴影,而box-shadow是给对象实现图层阴影效果。
demo{box-shadow: <取值> <取值> <取值> <取值> <取值> }
对应的:
demo{box-shadow: inset x-offset y-offset blur-radius spread-radius color}
注释为:
css选择器 {box-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色}
box-shadow使用一个或多个投影,如果使用多个投影时必须需要用英文逗号“,”分开。