实现思路:
图片作为背景,drop-shadow阴影形成新的元素,再用left把整体偏移回去,最后用overflow:hidden把原图片隐藏
注:当放在其他绝对定位的元素上面时注意z-index的处理。
.iconXXX{
overflow:hidden;
display: inline-block;
position: relative;
height:20px;
width: 20px;
.iconDel{
background: url("XXX.png") no-repeat;
height:100%;
width:100%;
display: inline-block;
filter: drop-shadow(20px 0 #666);
position: relative;
left: -20px;
}
}