实现思路:
图片作为背景,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;}
}