CSS 滤镜生成

组合 blur、亮度、对比度、饱和度、灰度、色相旋转等 CSS 滤镜,实时预览并输出 filter 代码。

CSS 滤镜生成怎么用

  1. 拖动各滑块调整参数
  2. 预览区实时显示效果
  3. 复制生成的 filter 代码

这个工具的特点

常见问题

这个工具收费吗?
完全免费,无需注册登录,不限使用次数。
我的数据会被上传吗?
不会。所有计算都在你的浏览器本地完成,输入内容不会离开你的设备。
怎么使用?
在上方输入框填写内容,点击对应按钮即可获得结果,点“复制结果”即可带走。
预览和实际效果一致吗?
预览使用相同 CSS filter,现代浏览器表现一致;个别属性在老旧浏览器可能略有差异。