可视化调整 CSS 滤镜参数,实时预览生成可用代码
这是浏览器端可视化 CSS 滤镜调整工具。你不用手动写参数,拖动滑块就能改效果,直接预览图片变化,最后导出可用的 filter 样式代码。
它遵循 W3C CSS 滤镜标准,支持所有主流浏览器兼容的基础滤镜函数,包括模糊、亮度、灰度等常用效果,生成代码可直接复制到项目里使用。
支持 blur、brightness、contrast、grayscale、hue-rotate、invert、opacity、saturate、sepia、drop-shadow 共 10 种常用滤镜。
兼容所有主流现代浏览器。IE 不支持 CSS 滤镜,需要兼容 IE 的项目无法使用。
所有操作都在你的浏览器本地完成,图片不会上传到远程服务器。
可以同时叠加多个不同滤镜,生成代码会按你开启的顺序组合所有效果。