Skip to main content
DevTools24

CSS 滤镜生成器

可视化创建 CSS 滤镜效果。调整模糊、亮度、对比度等,实时预览。

Preview
filter: none;

CSS Filter Property - 技术详情

The CSS filter property applies graphical effects like blur or color shift to an element. Filters are commonly used for image effects, hover states, and visual enhancements. Multiple filter functions can be combined.

命令行替代方案

img:hover {\n  filter: brightness(1.1) contrast(1.1) saturate(1.2);\n}

参考

查看官方规范