2021-01-24 19:20:07 +08:00
|
|
|
$faa-tada-speed: 2s;
|
2021-01-23 21:07:47 +08:00
|
|
|
@keyframes tada {
|
2021-01-24 19:20:07 +08:00
|
|
|
0% {
|
2021-01-23 21:07:47 +08:00
|
|
|
transform: scale(1);
|
|
|
|
}
|
2021-01-24 19:20:07 +08:00
|
|
|
10%, 20% {
|
|
|
|
transform: scale(.9) rotate(-8deg);;
|
2021-01-23 21:07:47 +08:00
|
|
|
}
|
2021-01-24 19:20:07 +08:00
|
|
|
30%, 50%, 70% {
|
|
|
|
transform: scale(1.3) rotate(8deg);
|
2021-01-23 21:07:47 +08:00
|
|
|
}
|
2021-01-24 19:20:07 +08:00
|
|
|
40%, 60% {
|
|
|
|
transform: scale(1.3) rotate(-8deg);
|
2021-01-23 21:07:47 +08:00
|
|
|
}
|
2021-01-24 19:20:07 +08:00
|
|
|
80%, 100% {
|
|
|
|
transform: scale(1) rotate(0);
|
2021-01-23 21:07:47 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
.faa-tada.animated,
|
|
|
|
.faa-tada.animated-hover:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-tada {
|
2021-01-24 19:20:07 +08:00
|
|
|
animation: tada $faa-tada-speed linear infinite;
|
2021-01-23 21:07:47 +08:00
|
|
|
}
|
|
|
|
.faa-tada.animated.faa-fast,
|
|
|
|
.faa-tada.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-tada.faa-fast {
|
2021-01-24 19:20:07 +08:00
|
|
|
animation: tada ($faa-tada-speed * $faa-speed-coeff-fast) linear infinite;
|
2021-01-23 21:07:47 +08:00
|
|
|
}
|
|
|
|
.faa-tada.animated.faa-slow,
|
|
|
|
.faa-tada.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-tada.faa-slow {
|
2021-01-24 19:20:07 +08:00
|
|
|
animation: tada ($faa-tada-speed * $faa-speed-coeff-slow) linear infinite;
|
2021-01-23 21:07:47 +08:00
|
|
|
}
|