css3filter图像

CSS3 Filter图像滤镜可以让图片展现出更加多样化的效果，不再平淡无奇。下面让我们一起来看看它的具体使用方法吧。

img {
/* 灰度滤镜效果 */
filter: grayscale(100%);
}
img {
/* 模糊滤镜效果 */
filter: blur(5px);
}
img {
/* 反色滤镜效果 */
filter: invert(100%);
}
img {
/* 饱和度滤镜效果 */
filter: saturate(200%);
}
img {
/* 对比度滤镜效果 */
filter: contrast(200%);
}
img {
/* 色相旋转滤镜效果 */
filter: hue-rotate(180deg);
}
img {
/* 透明度滤镜效果 */
filter: opacity(50%);
}

通过上述滤镜效果的修改，我们可以得到非常独特而且美观的图片展示效果，相信在日后的开发过程中，这些滤镜将给我们带来更多的惊喜。

查看更多关于css3filter图像的详细内容...