CSS3 Filters

课后整理 2020-12-20

CSS 3 Filters是区别于CSS filter的CSS 3滤镜,更不是IE滤镜。CSS 3 Filters主要是运用在图片上,以实现一些特效。尽管CSS 3 Filters也能运用在视频的处理上,但是本节主要讨论在图片上的运用。

语法:filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();

用法:img {-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%);}

注意,IE暂不支持。

【示例】