Parameter
1977
Aden
Brooklyn
Earlybird
Gingham
Hudson
Inkwell
Lofi
Reyes
Toaster
Moon
Willow
编辑器加载中...
CSS过滤器生成器介绍
CSS过滤器生成器是一个可视化工具，帮助您轻松创建和自定义CSS filter效果。通过直观的参数调整，您可以实时预览过滤器效果，并获取相应的CSS代码。
主要参数说明
- Blur Radius（模糊半径）：控制图像的模糊程度，范围从0到10像素
- Brightness（亮度）：控制图像的亮度，范围从0%到200%
- Contrast（对比度）：控制图像的对比度，范围从0%到200%
- Grayscale（灰度）：将图像转换为灰度，范围从0%到100%
- Hue Rotate（色相旋转）：调整图像的色相，范围从0到360度
- Invert（反色）：反转图像的颜色，范围从0%到100%
- Opacity（不透明度）：控制图像的透明度，范围从0%到100%
- Saturate（饱和度）：控制图像的饱和度，范围从0%到200%
- Sepia（深褐色）：将图像转换为深褐色，范围从0%到100%
- Filter Presets（过滤器预设）：提供多种预设效果，一键应用Instagram风格的滤镜
使用教程
调整参数：
- 使用滑块或直接输入数值来调整各项参数
- 点击预设效果可一键应用对应的滤镜
实时预览：
- 在”预览”选项卡中查看实时效果
- 调整参数时预览会实时更新
获取代码：
- 切换到”代码”选项卡查看生成的CSS代码
- 点击”复制”按钮将代码复制到剪贴板
- 将代码应用到您的项目中
应用场景
- 为图片添加视觉效果和艺术感
- 创建Instagram风格的滤镜效果
- 实现图片悬停或交互状态的视觉反馈
- 设计独特的页面布局效果
