免费工具
简体中文
生成CSS滤镜
生成CSS滤镜 — 指定尺寸或颜色，查看代码或结果. 输入指南: 模糊 (px), 亮度 (%), 对比度 (%), 灰度 (%). 无需账号.
无需账号
正在加载工具…
使用方法
- 1输入指南: 模糊 (px), 亮度 (%), 对比度 (%), 灰度 (%).
- 2运行工具并查看结果。
- 3复制结果 / 保存结果文件.
使用提示
请检查输入范围和单位。结果取决于您的输入和浏览器。
广告可能处理连接数据，个性化遵循您的隐私选择。 隐私说明（英语）
实际输入与输出示例
以下结果由此工具的实际引擎使用示例值计算，不使用个人输入或已保存工作。可在工具中载入示例查看相同输入。
示例输入
| 字段 | 值 |
|---|---|
| 模糊 (px) | 0 |
| 亮度 (%) | 100 |
| 对比度 (%) | 100 |
| 灰度 (%) | 0 |
示例结果
filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%);
输入条件
以下为实际输入验证范围，并不保证所有允许值都符合现实或适用于您的情况。
- 模糊 (px): 允许范围: 0 ≤ x ≤ 100
- 亮度 (%): 允许范围: 0 ≤ x ≤ 300
- 对比度 (%): 允许范围: 0 ≤ x ≤ 300
- 灰度 (%): 允许范围: 0 ≤ x ≤ 100