关于css3属性filter

时间：2019-11-27 14:42:26 阅读：77 评论：0 收藏：0 [点我收藏+]

今天看百度百科，看到其中一页所有图片背景全都设置为了灰白色，于是研究了番，发现是应用了filter滤镜这个属性。

// 修改所有图片的颜色为黑白 (100% 灰度):
img {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

其中还有毛玻璃属性：blur

// 图片使用高斯模糊效果：
img {
    -webkit-filter: blur(5px); /* Chrome, Safari, Opera */
    filter: blur(5px);
}

filter css详细属性：

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

技术分享图片

原文：https://www.cnblogs.com/momo798/p/11941930.html

踩

(0)

评论一句话评论（0）

分享档案

更多>