虽然CSS中有专门实现投影或者模糊效果的CSS属性,但是由于语法限制以及兼容性限制等原因,这些CSS并不能覆盖所有效果,此时可以借助SVG滤镜“曲线救国”。
文章关键字 ‘滤镜’
借助SVG滤镜实现CSS无法实现的阴影和模糊效果
2021年07月11日,星期日SVG feTurbulence滤镜深入介绍
2020年10月17日,星期六SVG feTurbulence滤镜可以用来模拟超级逼真的自然特效,例如火焰、水流、土石、烟雾、云朵等等,本文以接近1万字的篇幅详细深入介绍这个SVG滤镜,配备大量精彩实用案例,视觉表现前端必学知识,希望可以对您的学习所有帮助。
3D LUT 滤镜颜色映射原理剖析与JS实现
2020年02月27日,星期四关于3D LUT滤镜原理的资料很少,或者原理讲得根本就不清楚,里面的一串数字怎么变成颜色的开发者全然不知,本文就通过真实例子一步一步带你剖析RGB色值是如何通过Cube等滤镜变成另外的颜色的。
CSS filter:hue-rotate色调旋转滤镜实现按钮批量生产
2018年11月18日,星期日传统按钮都是通过具体色值进行赋色的,但是有代码量大,开发维护成本高,且色值之间饱和度亮度存在差异问题。有没有什么简单的方法可以快速批量产生出各种颜色的按钮呢?有!就是借助CSS filter:hue-rotate色调旋转滤镜。具体如何实现呢?请点进去一看究竟吧~
CSS, SVG和canvas分别实现文本文字纹理叠加效果
2018年02月27日,星期二本文这里所说的叠加,就是混合模式中的叠加,也就是说,本文要实现的效果是,文字本身的颜色和纹理进行叠加,而非直接填充纹理。
CSS, SVG和canvas都能实现类似的效果,我们一个一个来看一下……
小tips: 0学习成本实现HTML元素粘滞融合效果
2017年12月21日,星期四元素粘滞融合效果很酷,看上去很难实现,实际上实现却非常容易,几乎0学习成本,一起来看看究竟吧!
深入理解SVG feDisplacementMap滤镜及实际应用
2017年12月14日,星期四借助SVG feDisplacementMap滤镜可以实现非常有意思的水波效果。本文深入介绍feDisplacementMap滤镜的作用原理,同时展示其在实际项目中可以大规模实际应用的潜力。
用3D LUT滤镜我做了个在线专业电影级别照片调色工具
2017年12月11日,星期一花了周日一整天时间做了个专业电影级别照片调色工具,使用的是3D LUT滤镜。欢迎围观。