/* 变黑 */ .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 发散效果 波浪
下一篇:已经是最后一篇