PNG格式小图标的CSS任意颜色赋色技术
2016-07-07 17:11
495 查看
.icon { display: inline-block; width: 20px; height: 20px; overflow: hidden; } .icon-del { background: url(delete.png) no-repeat center; } .icon > .icon { position: relative; left: -20px; border-right: 20px solid transparent; -webkit-filter: drop-shadow(20px 0); filter: drop-shadow(20px 0); }
<p><strong>原始图标</strong></p> <i class="icon icon-del"></i> <p><strong>可以变色的图标</strong></p> <i class="icon"><i class="icon icon-del"></i></i>
转自:张鑫旭博客 地址:http://www.zhangxinxu.com/wordpress/?p=5429