mirror of
https://github.com/l-lin/font-awesome-animation.git
synced 2024-12-28 14:31:32 +08:00
24 lines
578 B
SCSS
24 lines
578 B
SCSS
|
@keyframes spin{
|
||
|
|
0% {
|
||
|
|
transform:rotate(0deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
transform:rotate(359deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.faa-spin.animated,
|
||
|
|
.faa-spin.animated-hover:hover,
|
||
|
|
.faa-parent.animated-hover:hover > .faa-spin {
|
||
|
|
animation: spin 1.5s linear infinite;
|
||
|
|
}
|
||
|
|
.faa-spin.animated.faa-fast,
|
||
|
|
.faa-spin.animated-hover.faa-fast:hover,
|
||
|
|
.faa-parent.animated-hover:hover > .faa-spin.faa-fast {
|
||
|
|
animation: spin 0.7s linear infinite;
|
||
|
|
}
|
||
|
|
.faa-spin.animated.faa-slow,
|
||
|
|
.faa-spin.animated-hover.faa-slow:hover,
|
||
|
|
.faa-parent.animated-hover:hover > .faa-spin.faa-slow {
|
||
|
|
animation: spin 2.2s linear infinite;
|
||
|
|
}
|