CSS filter 滤镜可视化配置
网页中经常需要对图片进行风格化处理。例如黑白图片鼠标放上去显示彩色、背景图片模糊突出文字、对图片的艺术化处理等。对于简单的艺术效果可以使用CSS滤镜实现。
直接使用CSS filter 滤镜,配置各种函数的参数,不够直观,且反复修改切换比较繁琐。GitHub上的一个可视化的 CSS 滤镜配置工具,用于提高开发幸福感。
CSS filter 滤镜的使用很简单:
1、左侧拖动滑块调整参数;
2、中间显示CSS 代码和预置的风格化滤镜;
3、右侧预览效果,并支持自定义上传图片。
项目地址:CSS filter滤镜
预览地址:CSS filter滤镜