CSS filter 滤镜可视化配置

网页中经常需要对图片进行风格化处理。例如黑白图片鼠标放上去显示彩色、背景图片模糊突出文字、对图片的艺术化处理等。对于简单的艺术效果可以使用CSS滤镜实现。

直接使用CSS filter 滤镜,配置各种函数的参数,不够直观,且反复修改切换比较繁琐。GitHub上的一个可视化的 CSS 滤镜配置工具,用于提高开发幸福感。

CSS filter 滤镜的使用很简单:

1、左侧拖动滑块调整参数;

2、中间显示CSS 代码和预置的风格化滤镜;

3、右侧预览效果,并支持自定义上传图片。

 

 

项目地址:CSS filter滤镜

预览地址:CSS filter滤镜

 

posted @ 2022-01-14 13:40  恩恩先生  阅读(111)  评论(0编辑  收藏  举报