详解CSS3 filter:drop shadow滤镜与box shadow区别与应用

要使用标准的CSS3实现某元素的投影效果,有两个套路,第一个就是使用常见的box-shadow, 第二个就是使用CSS3的filter阴影滤镜drop-shadow,那这两个阴影实现有什么具体的差异呢? 一、兼容性不一 CSS3 box-shadow从IE9浏览器开始就支持了,兼容性如下截图: 而filter中的drop-shadowIE13才开始支持,移动端Android4.4才开始支持。兼容性如下图: 二、同样的参数值,表现效果有差异 filter中的drop-shadow语法如下: filter: drop-shadow(x偏移, y偏移, 模糊大小, 色值); filter:dr