FontAwesome 通过组合创建新图标
FontAwesome 提供了很多好看的图标,使用 WebFont 嵌入页面更是简单又好用,所以我基本上一直用它。不过有时候还是觉得不太够用,这就需要复合使用多个图标。
下面是个例子,我在图标的右下角增加一个圆形加号,表示增加、创建。
See the Pen add icon by Meathill (@meathill) on CodePen.
这里有两个选择:
- FontAwesome 提供了一个堆叠图标的样式:
fa-stack,可以堆叠任意多的图标。 - 因为它实际上只占用了
:before,所以也可以使用:after来容纳新增的图标。如果只需要两个图标,这个方式更简单。
相关文章
Font Awesome 发布 Duotone 字体,支持双颜色
无意中看到 Font Awesome 发布了 Duotone 双色字体,感觉很神奇,我还不知道 WebFont […]
2020-05-093 分钟
CSS 小教程:在网格型选择工具上添加渐变背景
新年开始了,要努力,本博客开始 2024 年招商,欢迎各位想推广产品的老板投广告,目前定价 4800/年,亦可 […]
2024-01-135 分钟
值得关注的 CSS 新特性
CSS 作为前端的重要组成部分,虽然受瞩目的程度逊于 JS,但是也在不停地进步。CSS 可以让我们的开发环境更 […]
2023-11-1911 分钟


