Icon font transitions
Animate icons with transitions.
Usage
Use the Icon font transitions to add anaimation to an icon.
Accessible attributes
| Accessible attribute | Description |
|---|---|
aria-hidden="true" |
When an icon is used for only decorative purposes add this attribute to the icon's tag. |
Modifier selectors
| Modifier selector | Description |
|---|---|
fa-spin |
Rotate an font icon infinitely. |
.fa-spin - Rotate an font icon infinitely.
fa fa-spinner fa-spin
Icon-fonts\font-icon-transition.hbs
<div class="icon-card">
<span class="fa fa-spinner fa-4x [modifier class]"></span>
<p class="icon-card__text">fa fa-spinner [modifier class]</p>
</div>
Source:
components/_font-icons.scss