css改变纯色图标的颜色
- 思路
使用filter: drop-shadow()投影一个图标的阴影，并指定阴影的颜色，然后隐藏原来的图标，就得到一个改变颜色的图标
- 蓝色的阴影,并移动图标位置
filter: drop-shadow(180rpx 90rpx 0 #5DC1E4);
margin-top: 70px;
- 然后将原图表移到容器之外，并隐藏
position: relative;
overflow: hidden;
简单的操作，更改了图标的颜色
变换：
版权声明：
本站所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自
最上级！
喜欢就支持一下吧
投影一个图标的阴影，并指定阴影的颜色，然后隐藏航原来的图标，就得到一个改变颜色的图标蓝色的阴影,并移动图标位置filter: drop-shadow(180rpx 90rpx 0 #5DC1E4);margin-top: 70px;然后将原图表移到容){kind=link}
投影一个图标的阴影，并指定阴影的颜色，然后隐藏航原来的图标，就得到一个改变颜色的图标蓝色的阴影,并移动图标位置filter: drop-shadow(180rpx 90rpx 0 #5DC1E4);margin-top: 70px;然后将原图表移到容){kind=link}