shadow的属性值介绍

shadow

常用的阴影: box-shadow 、 text-shadow

官方格式<shadow> = inset? && <length>{2,4} && <color>?

小技巧(如果官方文档中使用 && , 那么属性值跟顺序是没有关系的)

  1. inset? : 表示inset可以写可以不写,使用inset就是内阴影,不使用就是外阴影 (实用:一般就是外阴影)
  2. length{2,4}表示可以取2-4个数字
  • 第一个length表示: 水平偏移 (水平方向上的偏移 正数向右 )
  • 第二个length表示: 垂直偏移 (垂直方向上的偏移 正数向下 )
  • 第三个length表示 : 模糊半径(blur radius) (模糊的程度,0 表示不模糊)
  • 第四个length表示: 延伸距离 ( 在原来的基础上继续增加的阴影的距离(不是偏移的方向,而是所有的方向)
  1. ? : 表示可以写相应的颜色,也可以不写(那默认就是black)
原文地址:https://www.cnblogs.com/xyf724/p/13461773.html