CSS是一种用于面向Web的样式表语言,可用于控制网页布局和外观。其中,滤镜是一种在CSS中可以应用于图像的效果。通过对图像指定的区域应用滤镜,可以改变其外观和颜色。
img { filter: blur(5px); }
上面的代码将模糊一个图像,使其看起来更加柔和。除了模糊,还有其他几种滤镜可供选择,如亮度、对比度、饱和度等等。可以通过向filter属性添加这些值来应用这些效果。
img { filter: brightness(150%); }
这个代码将使图像更明亮,适用于需要突出图像中的某些元素的情况。此外,还可以使用其他CSS属性来控制滤镜效果,例如transition属性可以使滤镜效果具有动画效果。
img { filter: brightness(150%); transition: filter 0.5s ease-in-out; } img:hover { filter: brightness(100%); }