[CSS] 弥散阴影

描述

The drop-shadow() CSS function applies a drop shadow effect to the input image. Its result is a <filter-function>.

语法

drop-shadow(offset-x offset-y blur-radius spread-radius color)

参数
  • offset-x:此参数设置图像的水平偏移,正值将创建右侧的偏移量,负值将创建左侧的偏移量。
  • offset-y:此参数设置图像的垂直偏移,正值创建到底部的偏移量,负值创建到顶部的偏移量。
  • blur-radius:设置模糊半径的值,它是一个可选参数。
  • spread-radius:设置扩散半径的值,它是一个可选参数。
  • color:它设置阴影的颜色,它是可选参数。
视觉

相当于光穿过一个物体而形成的影子,如果该物体中间有透明色,光也会穿过透明的区域,形成的投影中间也会有光的颜色。

例子
.effect-shadow {
  filter: drop-shadow(5px 5px 10px black);
}

 

showtooltip

[CSS] 弥散阴影

上一篇:js事件绑定要注意的易错点


下一篇:HTTP Code和一些Web服务器介绍