文章关键字 ‘drop-shadow’

借助SVG滤镜实现CSS无法实现的阴影和模糊效果

2021年07月11日,星期日

SVG滤镜与模糊和投影

虽然CSS中有专门实现投影或者模糊效果的CSS属性,但是由于语法限制以及兼容性限制等原因,这些CSS并不能覆盖所有效果,此时可以借助SVG滤镜“曲线救国”。

阅读全文…

FDCon2019大会分享之滤镜与混合模式实录

2019年06月10日,星期一

第4届中国前端开发者千人峰会上我做了名为“滤镜与混合模式”主题分享,这里我把分享内容,尤其一些案例和源码整理成文,给需要的人,末尾有分享PPT文件的下载,内容较多,请提前预留足够学习时间。

阅读全文…

PNG格式小图标的CSS任意颜色赋色技术

2016年06月8日,星期三

CSS可以修改图片的颜色,没错,可以,本文就带你一睹真相,再次领略CSS的潜力和造诣。

阅读全文…

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

2016年05月18日,星期三

要使用标准的CSS3实现某元素的投影效果,有两个套路,第一个就是使用常见的box-shadow, 第二个就是使用CSS3的filter阴影滤镜drop-shadow,那这两个阴影实现有什么具体的差异呢?

本文就将探讨此问题,其实主要目的还是介绍下相当了不得的drop-shadow滤镜。

阅读全文…