mirror of
https://github.com/l-lin/font-awesome-animation.git
synced 2024-10-22 22:31:06 +08:00
25 lines
711 B
SCSS
25 lines
711 B
SCSS
$faa-float-speed: 2s;
|
|
@keyframes float{
|
|
0%, 100% {
|
|
transform: translateY(0);
|
|
}
|
|
50% {
|
|
transform: translateY(-6px);
|
|
}
|
|
}
|
|
.faa-float.animated,
|
|
.faa-float.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-float {
|
|
animation: float $faa-float-speed linear infinite;
|
|
}
|
|
.faa-float.animated.faa-fast,
|
|
.faa-float.animated-hover.faa-fast:hover,
|
|
.faa-parent.animated-hover:hover > .faa-float.faa-fast {
|
|
animation: float ($faa-float-speed * $faa-speed-coeff-fast) linear infinite;
|
|
}
|
|
.faa-float.animated.faa-slow,
|
|
.faa-float.animated-hover.faa-slow:hover,
|
|
.faa-parent.animated-hover:hover > .faa-float.faa-slow {
|
|
animation: float ($faa-float-speed * $faa-speed-coeff-slow) linear infinite;
|
|
}
|