css中如何使用滤镜 |css3 原地旋转

首先，滤镜需要在css中使用filter属性来设置，大家需要在选择器中设置filter属性来对指定元素添加滤镜效果。

.filter-class{
filter: blur(5px);
}

上面的代码将会把filter-class这个类里面的所有元素都添加了一个模糊度为5个像素的效果。

除了blur，CSS 还提供了其他滤镜效果。大家可以使用以下代码来尝试其他的滤镜效果：

.filter-class{
filter: grayscale(100%);
}

这将会把 filter-class 这个类里面所有的元素变为灰色。

以下是一些常用的滤镜效果的代码：

.filter-class{
filter: brightness(50%); /*亮度*/
filter: contrast(200%); /*对比度*/
filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5)); /*阴影*/
filter: opacity(70%); /*透明度*/
filter: saturate(200%); /*饱和度*/
}

总之，通过使用滤镜，大家可以轻松地增强网站的视觉效果，让网页更加的有趣和现代。尝试使用不同的滤镜效果，为您的网站加上不同的风格。