CSS filter滤镜之drop-shadow。
我们平时使用的box-shadow所绘制出的阴影都在元素的周围,像边框一样包裹着元素。在一些特定时刻,比如由div和两个伪类绘制出的多边形中,由于伪类的层级高于div盒子,导致伪类的阴影覆盖在了父级div上,想要解决可能要换做三个div,然后重新定位一下层级。
但如果使用滤镜中的阴影,只需要一行css代码就能实现,就是这样,其中这些参数跟box-shadow是一毛一样的。另外可以看到这个属性对于文字、图片都是能够出现一种类似内容边缘发光的效果,是有一定实用性的。
最后,简单整理了一下主流浏览器的兼容性,什么?兼容不了怎么办?这还用问?关门,放U!下课!记得点赞关注我!