filter 属性测试 | W3Schools 在线编辑器

CSS 属性:

filter:

blur(5px)

brightness(200%)

contrast(200%)

drop-shadow(8px 8px 10px gray)

grayscale(100%)

hue-rotate(90deg)

invert(100%)

opacity(30%)

saturate(8)

sepia(100%)

contrast(200%) brightness(150%)

none

Note: The filter property is not supported in Edge 12 or Internet Explorer.

结果:

CSS 代码:

img#myImg {
  filter: blur(5px);
}

单击上面的属性值可查看结果

cainiaomax.com - 测试工具