2021-01-24 19:20:07 +08:00
|
|
|
$faa-vertical-speed: 2s;
|
2021-01-23 21:07:47 +08:00
|
|
|
@keyframes vertical {
|
2021-01-24 19:20:07 +08:00
|
|
|
0%, 8%, 16% {
|
|
|
|
transform: translate(0,-3px);
|
2021-01-23 21:07:47 +08:00
|
|
|
}
|
2021-01-24 19:20:07 +08:00
|
|
|
4%, 12%, 20% {
|
|
|
|
transform: translate(0,3px);
|
2021-01-23 21:07:47 +08:00
|
|
|
}
|
2021-01-24 19:20:07 +08:00
|
|
|
22%, 100% {
|
|
|
|
transform: translate(0,0);
|
2021-01-23 21:07:47 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
.faa-vertical.animated,
|
|
|
|
.faa-vertical.animated-hover:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-vertical {
|
2021-01-24 19:20:07 +08:00
|
|
|
animation: vertical $faa-vertical-speed ease infinite;
|
2021-01-23 21:07:47 +08:00
|
|
|
}
|
|
|
|
.faa-vertical.animated.faa-fast,
|
|
|
|
.faa-vertical.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-vertical.faa-fast {
|
2021-01-24 19:20:07 +08:00
|
|
|
animation: vertical ($faa-vertical-speed * $faa-speed-coeff-fast) ease infinite;
|
2021-01-23 21:07:47 +08:00
|
|
|
}
|
|
|
|
.faa-vertical.animated.faa-slow,
|
|
|
|
.faa-vertical.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-vertical.faa-slow {
|
2021-01-24 19:20:07 +08:00
|
|
|
animation: vertical ($faa-vertical-speed * $faa-speed-coeff-slow) ease infinite;
|
2021-01-23 21:07:47 +08:00
|
|
|
}
|