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