布尔玛图标字体真棒变化
在本文中,我们将看到 Bulma Font Awesome 图标的变体。 Bulma 有 4 种 Font Awesome 变体,它们包括固定宽度图标、边框图标、动画和堆叠图标。所有这些变体都将在下面通过它们的每个示例进行讨论。
布尔玛图标字体真棒变化修饰符:
- 固定宽度:要使用固定宽度的图标,请使用 fa-fw类添加一个普通的图标。
- 边框宽度:要使用边框宽度图标,请使用fa-border 类在图标周围添加边框。
- 动画:要使用动画图标,请使用 fa-pulse 类为图标添加动画。
- 堆叠:要在彼此顶部添加两个图标或想要制作图标堆叠,请使用fa-stack-2x和fa-stack-1x fa-inverse类。
句法:
....
示例:下面的示例说明了 Bulma Font Awesome 图标的变体。
HTML
GFG
GeekforGeeks
Bulma Font Awesome icons variations
输出:
参考: https://bulma.io/documentation/elements/icon/#font-awesome-variations