怎样用css改变图标颜色?



  • footer中需要实现点击不同栏目改变图标颜色的功能,直接切换图片过于麻烦

    • 方案一:使用font awesome字体图标
    • 方案二:使用css3滤镜filter中的drop-shadow属性

    在这里我使用了方法二,对pngsvg图片均适用,其原理为:

    对于图标而言,我们施加一个不带模糊的投影,那么相当于生成了另一个颜色的图标

    我们将原始图标应藏在容器外,而投影图标在容器中间


 

Copyright © 2018 bbs.dian.org.cn All rights reserved.

与 Dian 的连接断开,我们正在尝试重连,请耐心等待