2021-01-24 19:20:07 +08:00
|
|
|
$faa-burst-speed: 2s;
|
2021-01-23 21:07:47 +08:00
|
|
|
@keyframes burst {
|
|
|
|
0% {
|
|
|
|
opacity:.6;
|
|
|
|
}
|
|
|
|
50% {
|
|
|
|
transform:scale(1.8);
|
|
|
|
opacity:0;
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
opacity:0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.faa-burst.animated,
|
|
|
|
.faa-burst.animated-hover:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-burst {
|
2021-01-24 19:20:07 +08:00
|
|
|
animation: burst $faa-burst-speed infinite linear;
|
2021-01-23 21:07:47 +08:00
|
|
|
}
|
|
|
|
.faa-burst.animated.faa-fast,
|
|
|
|
.faa-burst.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-burst.faa-fast {
|
2021-01-24 19:20:07 +08:00
|
|
|
animation: burst ($faa-burst-speed * $faa-speed-coeff-fast) infinite linear;
|
2021-01-23 21:07:47 +08:00
|
|
|
}
|
|
|
|
.faa-burst.animated.faa-slow,
|
|
|
|
.faa-burst.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-burst.faa-slow {
|
2021-01-24 19:20:07 +08:00
|
|
|
animation: burst ($faa-burst-speed * $faa-speed-coeff-slow) infinite linear;
|
2021-01-23 21:07:47 +08:00
|
|
|
}
|