css

当前位置:首页 > 前端 > css

黑色白色滤镜css 兼容写法

/* 变黑 */ .icon { /* 标准写法 */ filter: brightness(0) grayscale(100%); /* 兼容旧版 Safari 和 iOS */ -webkit-fil...
/* 变黑 */
.icon {
    /* 标准写法 */
    filter: brightness(0) grayscale(100%);

    /* 兼容旧版 Safari 和 iOS */
    -webkit-filter: brightness(0) grayscale(100%);

    /* 兼容旧版 Firefox */
    -moz-filter: brightness(0) grayscale(100%);

    /* 兼容旧版 IE */
    filter: gray; /* IE 6-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)"; /* IE 10+ */
}

/* 变白  */
.icon-white {
    /* 标准写法 */
    filter: brightness(0) invert(1);

    /* 兼容旧版 Safari 和 iOS */
    -webkit-filter: brightness(0) invert(1);

    /* 兼容旧版 Firefox */
    -moz-filter: brightness(0) invert(1);

    /* 兼容旧版 IE */
    filter: gray; /* IE 6-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)"; /* IE 10+ */
}


上一篇:css 发散效果 波浪

下一篇:已经是最后一篇

相关内容

文章评论

表情

共 0 条评论,查看全部
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~