[分享]css3支持的滤镜

CSS3是当前最新的CSS标准，其中包含了许多新特性，包括对滤镜的支持。

filter: blur(5px); // 高斯模糊
	filter: grayscale(100%); // 灰度
	filter: sepia(100%); // 深褐色调
	filter: saturate(200%); // 饱和度增强
	filter: hue-rotate(90deg); // 色相旋转
	filter: invert(100%); // 反转颜色
	filter: opacity(50%); // 不透明度
	filter: drop-shadow(10px 10px 5px rgba(0,0,0,0.5)); // 阴影 

以上是CSS3支持的一些常见滤镜效果，它们能够让网页呈现出更加炫酷的视觉效果，提升用户体验。

需要注意的是，使用滤镜也会带来一定的性能消耗，特别是对于一些较老的浏览器，滤镜效果可能无法得到很好的支持。因此在设计中应该平衡效果与性能。