css filter属性
时间: 2023-10-28 14:58:08 浏览: 168
Css中的filter属性语法说明.
CSS的filter属性用于对元素应用图形效果,可以改变元素的外观,包括但不限于颜色、亮度、对比度和模糊等。
常见的filter属性值包括:
1. blur:给元素应用高斯模糊效果,可以指定模糊半径。
2. brightness:调整元素的亮度,可以设置一个值,例如0.5表示降低一半的亮度,2表示增加一倍的亮度。
3. contrast:调整元素的对比度,可以设置一个值,例如0.5表示降低一半的对比度,2表示增加一倍的对比度。
4. grayscale:将元素转为灰度图像,可以设置一个值,取值范围为0到1。
5. sepia:将元素转为深褐色图像,可以设置一个值,取值范围为0到1。
6. opacity:调整元素的透明度,可以设置一个值,取值范围为0到1。
7. drop-shadow:给元素添加阴影效果,可以指定阴影的偏移、模糊半径和颜色。
这些只是常见的filter属性值,还有更多复杂的效果可以通过组合不同的属性值来实现。使用filter属性可以创建各种视觉效果,并且可以在不修改原始元素样式的情况下进行动态调整。
阅读全文