CSS滤镜生成器

生成CSS filter滤镜代码,可视化调整blur/brightness/contrast/grayscale/sepia/hue-rotate等,实时预览,一键复制。

FILTER

关于 CSS滤镜生成器

CSS滤镜生成器帮助你为元素添加各种视觉效果。通过filter属性可以调整模糊、亮度、对比度、饱和度、灰度、褐色、色相旋转、反色等8种滤镜。

滤镜说明

  • blur:高斯模糊,单位px。
  • brightness:亮度,100%为原值。
  • contrast:对比度,100%为原值。
  • saturate:饱和度,100%为原值。
  • grayscale:灰度,100%为全灰。
  • sepia:褐色调,复古效果。
  • hue-rotate:色相旋转,0-360deg。
  • invert:反色,100%为完全反转。