CSS 滤镜实验台
在内置示例上组合 CSS 滤镜，对比原样并复制 filter 声明。无需上传图片或发送网络请求。
CSS 只应用于示例。不上传内容，也不导出图片文件。
使用步骤
如何使用
- 调整九个滑块或选择预设。
- 对比原样与滤镜示例，尝试反转滤镜顺序。
- 复制 CSS 声明到元素样式。
组合顺序
滤镜从左到右依次执行。反转顺序可能改变结果；预览将生成的 CSS 原样应用于示例元素。
本地 CSS 预览
此工具生成元素的 CSS，不导出编辑后的图片。示例为内联矢量图，不使用外部素材。浏览器渲染和模糊边缘可能不同，请在目标布局中检查 CSS。
常见问题
你可能还想知道
能导出图片吗？
此工具生成元素的 CSS，不导出编辑后的图片。示例为内联矢量图，不使用外部素材。浏览器渲染和模糊边缘可能不同，请在目标布局中检查 CSS。
滤镜顺序有影响吗？
滤镜从左到右依次执行。反转顺序可能改变结果；预览将生成的 CSS 原样应用于示例元素。