淘先锋技术网

首页 1 2 3 4 5 6 7

CSS中的filter属性可以用来对元素进行图形处理。使用filter属性可以实现一些很酷的效果,比如模糊、调整亮度、饱和度、色相、对比度等等。

.my-element{
filter: blur(5px);//模糊5个像素
}

上面的代码中,我们使用了blur函数来实现对元素进行5像素的模糊处理。

.my-element{
filter: brightness(1.5);//增加亮度 by 50%
}

使用brightness函数可以增加元素的亮度。上面的代码中,我们将亮度增加了50%。

.my-element{
filter: saturate(2);//饱和度增强
}

使用saturate函数可以增强元素的饱和度。上面的代码中,我们将饱和度增强了2倍。

.my-element{
filter: hue-rotate(90deg);//将颜色旋转
}

使用hue-rotate函数可以将元素的颜色旋转。上面的代码中,我们将颜色旋转了90度。

.my-element{
filter: contrast(200%);//调整对比度
}

使用contrast函数可以调整元素的对比度。上面的代码中,我们将对比度增加了200%。

使用filter属性可以实现很多效果。通过不同的组合方式,我们可以创造出各种酷炫的效果。