Skip to content

drop-shadow() ​

描述 ​

drop-shadow() CSS 函数为图像添加阴影。与 box-shadow 属性相反,会考虑图像中的透明区域,并且在投射阴影时也会考虑这些区域。

语法 ​

css
drop-shadow() = drop-shadow(offset-x offset-y blur color)

值 ​

  • offset-x 阴影相对于图片的水平偏移。该参数的正值将阴影设置为右侧,负值将阴影设置为左侧。必需的。
  • offset-y 阴影相对于图片的垂直偏移。正值将阴影设置为向下移动,负值设置为向上移动。必需的。
  • blur 设置阴影的模糊半径。该值越大,阴影被平滑的程度越强,变得更宽、更亮。如果不设置该参数,则默认设置为 0,阴影会清晰,不会模糊。
  • color 任何可用 CSS 格式的阴影颜色,默认情况下阴影为黑色。可选参数。

效果展示 ​