icon如何使用并制作多色图标

2020-03-16 16:37:22

大家可以参考Introducing Duotone，fontawesome关于介绍多色图标的文章，我们能从中得出思路

单色图标，使用before来实现的。

多色图标，应该是双色图标，我们需要同时用before和after等伪元素来组合出来一个双色图标。


分别通过控制before和after的大小等来控制这个组合图标，看似是一个双色图标。


我们也可以结合var css 变量来对多色图标进行封装来实现。


我现在并没有发现能快速生成双色图标的方案。

  • 精彩推荐

  • 2023-08-19 18:57:08

    强制杀死nginx进程简单粗暴

    nginx: [error] open() "/run/nginx.pid" failed (2: No such file or directory)，最简单的办法，杀死nginx进程，重启