跳到内容
🛠️ToolsShed

CSS 滤镜生成器

通过实时预览调整CSS滤镜效果(模糊、亮度、对比度等)并复制CSS输出。

滤镜

模糊0px
亮度100%
对比度100%
灰度0%
色相旋转0deg
反转0%
不透明度100%
饱和度100%
棕褐色0%

点击上传预览图片

filter: none;

关于此工具

CSS 滤镜生成器允许你使用标准 CSS 滤镜属性(如模糊、亮度、对比度、灰度、色调旋转、反色、不透明度、饱和度和褐色)来直观地设计和调整图像效果。与其猜测数值或通过试错编写 CSS 不同,该工具提供实时预览,让你立即看到每个滤镜效果如何作用于图像,从而轻松实现所需的视觉效果。

使用方法很简单——上传或粘贴一张图像,然后调整每个滤镜效果的滑块或输入字段。当你更改数值时,预览会即时更新,这样你可以立即看到结果。对效果满意后,复制生成的 CSS 代码并粘贴到你的样式表中。这种方法可以在设计迭代期间节省时间,并确保你的滤镜在各个浏览器上呈现一致。

常见问题

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.