首页 >

css 让图片模糊 |titatoggledist.css

阴影字体css,圆滑描边 css,css before设置图标,css样式 超链接导航,css中的smooth属性值,jquery 设置css属性的值,titatoggledist.csscss 让图片模糊 |titatoggledist.css
img {
filter: blur(5px);
}

上面的代码中,使用了blur()函数来实现图片模糊。括号中的数字表示模糊程度,数字越大则模糊程度越高。

除了blur()函数,还有其他的滤镜函数可以使用,例如:

  • grayscale() 使图片灰度
  • brightness() 调整图片的亮度
  • contrast() 调整图片的对比度
img {
filter: grayscale(100%);
filter: brightness(50%);
filter: contrast(200%);
}

需要注意的是,CSS的filter属性在一些老旧的浏览器中可能无法支持,因此在实际使用的过程中需要进行兼容性处理。


css 让图片模糊 |titatoggledist.css
  • css文字三栏 |css语言上边框语法
  • css文字三栏 |css语言上边框语法 | css文字三栏 |css语言上边框语法 ...

    css 让图片模糊 |titatoggledist.css
  • css 布局抖动 |css3媒体查询做网页自适应
  • css 布局抖动 |css3媒体查询做网页自适应 | css 布局抖动 |css3媒体查询做网页自适应 ...

    css 让图片模糊 |titatoggledist.css
  • 两个图片平行间隔css |css 图片hover效果
  • 两个图片平行间隔css |css 图片hover效果 | 两个图片平行间隔css |css 图片hover效果 ...