css3样式表滤镜 |jq为css设置宽和高

img{
filter: brightness(150%) saturate(150%);
}

在上述代码中，大家使用“filter”属性添加了亮度和饱和度的滤镜效果，将图片的亮度和饱和度都增加了50%。同时还可以使用其他的滤镜效果，比如模糊、灰度、对比度等。

img{
filter: blur(5px) grayscale(50%) contrast(150%);
}

带有滤镜效果的图片不仅可以用于美化网页，还可以用于实现一些特殊的交互效果。比如当用户鼠标悬停在一个带有阴影效果的按钮上时，按钮的阴影效果可以变得更加明显，这样可以更好地引起用户的注意。

button:hover{
filter: drop-shadow(10px 10px 5px grey);
}

除了在图片和按钮上应用滤镜效果之外，大家还可以在整个网页的背景上应用滤镜效果，比如添加一个透明度的滤镜效果，来达到更加炫酷的视觉效果。

body{
filter: opacity(80%);
}

CSS3样式表滤镜是一种非常实用的技术，它可以让大家的网页更具有视觉冲击力，并且可以实现更加丰富的交互效果。对于那些喜欢挑战自己的前端开发者来说，掌握CSS3样式表滤镜技术无疑是一项非常重要的技能。