mirror of
https://github.com/l-lin/font-awesome-animation.git
synced 2024-12-28 06:21:32 +08:00
874 lines
24 KiB
CSS
874 lines
24 KiB
CSS
/*!
|
|
* font-awesome-animation - v0.0.6
|
|
* https://github.com/l-lin/font-awesome-animation
|
|
* License: MIT
|
|
*/
|
|
@-webkit-keyframes wrench {
|
|
0% {
|
|
-webkit-transform: rotate(-12deg);
|
|
transform: rotate(-12deg);
|
|
}
|
|
|
|
8% {
|
|
-webkit-transform: rotate(12deg);
|
|
transform: rotate(12deg);
|
|
}
|
|
|
|
10% {
|
|
-webkit-transform: rotate(24deg);
|
|
transform: rotate(24deg);
|
|
}
|
|
|
|
18% {
|
|
-webkit-transform: rotate(-24deg);
|
|
transform: rotate(-24deg);
|
|
}
|
|
|
|
20% {
|
|
-webkit-transform: rotate(-24deg);
|
|
transform: rotate(-24deg);
|
|
}
|
|
|
|
28% {
|
|
-webkit-transform: rotate(24deg);
|
|
transform: rotate(24deg);
|
|
}
|
|
|
|
30% {
|
|
-webkit-transform: rotate(24deg);
|
|
transform: rotate(24deg);
|
|
}
|
|
|
|
38% {
|
|
-webkit-transform: rotate(-24deg);
|
|
transform: rotate(-24deg);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: rotate(-24deg);
|
|
transform: rotate(-24deg);
|
|
}
|
|
|
|
48% {
|
|
-webkit-transform: rotate(24deg);
|
|
transform: rotate(24deg);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: rotate(24deg);
|
|
transform: rotate(24deg);
|
|
}
|
|
|
|
58% {
|
|
-webkit-transform: rotate(-24deg);
|
|
transform: rotate(-24deg);
|
|
}
|
|
|
|
60% {
|
|
-webkit-transform: rotate(-24deg);
|
|
transform: rotate(-24deg);
|
|
}
|
|
|
|
68% {
|
|
-webkit-transform: rotate(24deg);
|
|
transform: rotate(24deg);
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
}
|
|
|
|
@keyframes wrench {
|
|
0% {
|
|
-webkit-transform: rotate(-12deg);
|
|
-ms-transform: rotate(-12deg);
|
|
transform: rotate(-12deg);
|
|
}
|
|
|
|
8% {
|
|
-webkit-transform: rotate(12deg);
|
|
-ms-transform: rotate(12deg);
|
|
transform: rotate(12deg);
|
|
}
|
|
|
|
10% {
|
|
-webkit-transform: rotate(24deg);
|
|
-ms-transform: rotate(24deg);
|
|
transform: rotate(24deg);
|
|
}
|
|
|
|
18% {
|
|
-webkit-transform: rotate(-24deg);
|
|
-ms-transform: rotate(-24deg);
|
|
transform: rotate(-24deg);
|
|
}
|
|
|
|
20% {
|
|
-webkit-transform: rotate(-24deg);
|
|
-ms-transform: rotate(-24deg);
|
|
transform: rotate(-24deg);
|
|
}
|
|
|
|
28% {
|
|
-webkit-transform: rotate(24deg);
|
|
-ms-transform: rotate(24deg);
|
|
transform: rotate(24deg);
|
|
}
|
|
|
|
30% {
|
|
-webkit-transform: rotate(24deg);
|
|
-ms-transform: rotate(24deg);
|
|
transform: rotate(24deg);
|
|
}
|
|
|
|
38% {
|
|
-webkit-transform: rotate(-24deg);
|
|
-ms-transform: rotate(-24deg);
|
|
transform: rotate(-24deg);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: rotate(-24deg);
|
|
-ms-transform: rotate(-24deg);
|
|
transform: rotate(-24deg);
|
|
}
|
|
|
|
48% {
|
|
-webkit-transform: rotate(24deg);
|
|
-ms-transform: rotate(24deg);
|
|
transform: rotate(24deg);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: rotate(24deg);
|
|
-ms-transform: rotate(24deg);
|
|
transform: rotate(24deg);
|
|
}
|
|
|
|
58% {
|
|
-webkit-transform: rotate(-24deg);
|
|
-ms-transform: rotate(-24deg);
|
|
transform: rotate(-24deg);
|
|
}
|
|
|
|
60% {
|
|
-webkit-transform: rotate(-24deg);
|
|
-ms-transform: rotate(-24deg);
|
|
transform: rotate(-24deg);
|
|
}
|
|
|
|
68% {
|
|
-webkit-transform: rotate(24deg);
|
|
-ms-transform: rotate(24deg);
|
|
transform: rotate(24deg);
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
}
|
|
|
|
.faa-wrench.animated,
|
|
.faa-wrench.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-wrench {
|
|
-webkit-animation: wrench 2.5s ease infinite;
|
|
animation: wrench 2.5s ease infinite;
|
|
transform-origin-x: 90%;
|
|
transform-origin-y: 35%;
|
|
transform-origin-z: initial;
|
|
}
|
|
|
|
/* BELL */
|
|
|
|
@-webkit-keyframes ring {
|
|
0% {
|
|
-webkit-transform: rotate(-15deg);
|
|
transform: rotate(-15deg);
|
|
}
|
|
|
|
2% {
|
|
-webkit-transform: rotate(15deg);
|
|
transform: rotate(15deg);
|
|
}
|
|
|
|
4% {
|
|
-webkit-transform: rotate(-18deg);
|
|
transform: rotate(-18deg);
|
|
}
|
|
|
|
6% {
|
|
-webkit-transform: rotate(18deg);
|
|
transform: rotate(18deg);
|
|
}
|
|
|
|
8% {
|
|
-webkit-transform: rotate(-22deg);
|
|
transform: rotate(-22deg);
|
|
}
|
|
|
|
10% {
|
|
-webkit-transform: rotate(22deg);
|
|
transform: rotate(22deg);
|
|
}
|
|
|
|
12% {
|
|
-webkit-transform: rotate(-18deg);
|
|
transform: rotate(-18deg);
|
|
}
|
|
|
|
14% {
|
|
-webkit-transform: rotate(18deg);
|
|
transform: rotate(18deg);
|
|
}
|
|
|
|
16% {
|
|
-webkit-transform: rotate(-12deg);
|
|
transform: rotate(-12deg);
|
|
}
|
|
|
|
18% {
|
|
-webkit-transform: rotate(12deg);
|
|
transform: rotate(12deg);
|
|
}
|
|
|
|
20% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
}
|
|
|
|
@keyframes ring {
|
|
0% {
|
|
-webkit-transform: rotate(-15deg);
|
|
-ms-transform: rotate(-15deg);
|
|
transform: rotate(-15deg);
|
|
}
|
|
|
|
2% {
|
|
-webkit-transform: rotate(15deg);
|
|
-ms-transform: rotate(15deg);
|
|
transform: rotate(15deg);
|
|
}
|
|
|
|
4% {
|
|
-webkit-transform: rotate(-18deg);
|
|
-ms-transform: rotate(-18deg);
|
|
transform: rotate(-18deg);
|
|
}
|
|
|
|
6% {
|
|
-webkit-transform: rotate(18deg);
|
|
-ms-transform: rotate(18deg);
|
|
transform: rotate(18deg);
|
|
}
|
|
|
|
8% {
|
|
-webkit-transform: rotate(-22deg);
|
|
-ms-transform: rotate(-22deg);
|
|
transform: rotate(-22deg);
|
|
}
|
|
|
|
10% {
|
|
-webkit-transform: rotate(22deg);
|
|
-ms-transform: rotate(22deg);
|
|
transform: rotate(22deg);
|
|
}
|
|
|
|
12% {
|
|
-webkit-transform: rotate(-18deg);
|
|
-ms-transform: rotate(-18deg);
|
|
transform: rotate(-18deg);
|
|
}
|
|
|
|
14% {
|
|
-webkit-transform: rotate(18deg);
|
|
-ms-transform: rotate(18deg);
|
|
transform: rotate(18deg);
|
|
}
|
|
|
|
16% {
|
|
-webkit-transform: rotate(-12deg);
|
|
-ms-transform: rotate(-12deg);
|
|
transform: rotate(-12deg);
|
|
}
|
|
|
|
18% {
|
|
-webkit-transform: rotate(12deg);
|
|
-ms-transform: rotate(12deg);
|
|
transform: rotate(12deg);
|
|
}
|
|
|
|
20% {
|
|
-webkit-transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
}
|
|
|
|
.faa-ring.animated,
|
|
.faa-ring.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-ring {
|
|
-webkit-animation: ring 2s ease infinite;
|
|
animation: ring 2s ease infinite;
|
|
transform-origin-x: 50%;
|
|
transform-origin-y: 0px;
|
|
transform-origin-z: initial;
|
|
}
|
|
|
|
/* VERTICAL */
|
|
|
|
@-webkit-keyframes vertical {
|
|
0% {
|
|
-webkit-transform: translate(0,-3px);
|
|
transform: translate(0,-3px);
|
|
}
|
|
|
|
4% {
|
|
-webkit-transform: translate(0,3px);
|
|
transform: translate(0,3px);
|
|
}
|
|
|
|
8% {
|
|
-webkit-transform: translate(0,-3px);
|
|
transform: translate(0,-3px);
|
|
}
|
|
|
|
12% {
|
|
-webkit-transform: translate(0,3px);
|
|
transform: translate(0,3px);
|
|
}
|
|
|
|
16% {
|
|
-webkit-transform: translate(0,-3px);
|
|
transform: translate(0,-3px);
|
|
}
|
|
|
|
20% {
|
|
-webkit-transform: translate(0,3px);
|
|
transform: translate(0,3px);
|
|
}
|
|
|
|
22% {
|
|
-webkit-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
}
|
|
|
|
@keyframes vertical {
|
|
0% {
|
|
-webkit-transform: translate(0,-3px);
|
|
-ms-transform: translate(0,-3px);
|
|
transform: translate(0,-3px);
|
|
}
|
|
|
|
4% {
|
|
-webkit-transform: translate(0,3px);
|
|
-ms-transform: translate(0,3px);
|
|
transform: translate(0,3px);
|
|
}
|
|
|
|
8% {
|
|
-webkit-transform: translate(0,-3px);
|
|
-ms-transform: translate(0,-3px);
|
|
transform: translate(0,-3px);
|
|
}
|
|
|
|
12% {
|
|
-webkit-transform: translate(0,3px);
|
|
-ms-transform: translate(0,3px);
|
|
transform: translate(0,3px);
|
|
}
|
|
|
|
16% {
|
|
-webkit-transform: translate(0,-3px);
|
|
-ms-transform: translate(0,-3px);
|
|
transform: translate(0,-3px);
|
|
}
|
|
|
|
20% {
|
|
-webkit-transform: translate(0,3px);
|
|
-ms-transform: translate(0,3px);
|
|
transform: translate(0,3px);
|
|
}
|
|
|
|
22% {
|
|
-webkit-transform: translate(0,0);
|
|
-ms-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
}
|
|
|
|
.faa-vertical.animated,
|
|
.faa-vertical.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-vertical {
|
|
-webkit-animation: vertical 2s ease infinite;
|
|
animation: vertical 2s ease infinite;
|
|
}
|
|
|
|
/* HORIZONTAL */
|
|
|
|
@-webkit-keyframes horizontal {
|
|
0% {
|
|
-webkit-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
|
|
6% {
|
|
-webkit-transform: translate(5px,0);
|
|
transform: translate(5px,0);
|
|
}
|
|
|
|
12% {
|
|
-webkit-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
|
|
18% {
|
|
-webkit-transform: translate(5px,0);
|
|
transform: translate(5px,0);
|
|
}
|
|
|
|
24% {
|
|
-webkit-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
|
|
30% {
|
|
-webkit-transform: translate(5px,0);
|
|
transform: translate(5px,0);
|
|
}
|
|
|
|
36% {
|
|
-webkit-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
}
|
|
|
|
@keyframes horizontal {
|
|
0% {
|
|
-webkit-transform: translate(0,0);
|
|
-ms-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
|
|
6% {
|
|
-webkit-transform: translate(5px,0);
|
|
-ms-transform: translate(5px,0);
|
|
transform: translate(5px,0);
|
|
}
|
|
|
|
12% {
|
|
-webkit-transform: translate(0,0);
|
|
-ms-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
|
|
18% {
|
|
-webkit-transform: translate(5px,0);
|
|
-ms-transform: translate(5px,0);
|
|
transform: translate(5px,0);
|
|
}
|
|
|
|
24% {
|
|
-webkit-transform: translate(0,0);
|
|
-ms-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
|
|
30% {
|
|
-webkit-transform: translate(5px,0);
|
|
-ms-transform: translate(5px,0);
|
|
transform: translate(5px,0);
|
|
}
|
|
|
|
36% {
|
|
-webkit-transform: translate(0,0);
|
|
-ms-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
}
|
|
|
|
.faa-horizontal.animated,
|
|
.faa-horizontal.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-horizontal {
|
|
-webkit-animation: horizontal 2s ease infinite;
|
|
animation: horizontal 2s ease infinite;
|
|
}
|
|
|
|
/* FLASHING */
|
|
|
|
@-webkit-keyframes flash {
|
|
0%, 100%, 50% {
|
|
opacity: 1;
|
|
}
|
|
|
|
25%, 75% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes flash {
|
|
0%, 100%, 50% {
|
|
opacity: 1;
|
|
}
|
|
|
|
25%, 75% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.faa-flash.animated,
|
|
.faa-flash.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-flash {
|
|
-webkit-animation: flash 2s ease infinite;
|
|
animation: flash 2s ease infinite;
|
|
}
|
|
|
|
/* BOUNCE */
|
|
|
|
@-webkit-keyframes bounce {
|
|
0%, 10%, 20%, 50%, 80% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: translateY(-15px);
|
|
transform: translateY(-15px);
|
|
}
|
|
|
|
60% {
|
|
-webkit-transform: translateY(-15px);
|
|
transform: translateY(-15px);
|
|
}
|
|
}
|
|
|
|
@keyframes bounce {
|
|
0%, 10%, 20%, 50%, 80% {
|
|
-webkit-transform: translateY(0);
|
|
-ms-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: translateY(-15px);
|
|
-ms-transform: translateY(-15px);
|
|
transform: translateY(-15px);
|
|
}
|
|
|
|
60% {
|
|
-webkit-transform: translateY(-15px);
|
|
-ms-transform: translateY(-15px);
|
|
transform: translateY(-15px);
|
|
}
|
|
}
|
|
|
|
.faa-bounce.animated,
|
|
.faa-bounce.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-bounce {
|
|
-webkit-animation: bounce 2s ease infinite;
|
|
animation: bounce 2s ease infinite;
|
|
}
|
|
|
|
/* SPIN */
|
|
|
|
@-webkit-keyframes spin {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(359deg);
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|
|
|
|
@keyframes spin {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(359deg);
|
|
-ms-transform: rotate(359deg);
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|
|
|
|
.faa-spin.animated,
|
|
.faa-spin.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-spin {
|
|
-webkit-animation: spin 1.5s linear infinite;
|
|
animation: spin 1.5s linear infinite;
|
|
}
|
|
|
|
/* FLOAT */
|
|
|
|
@-webkit-keyframes float {
|
|
0% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translateY(-6px);
|
|
transform: translateY(-6px);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
@keyframes float {
|
|
0% {
|
|
-webkit-transform: translateY(0);
|
|
-ms-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translateY(-6px);
|
|
-ms-transform: translateY(-6px);
|
|
transform: translateY(-6px);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translateY(0);
|
|
-ms-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.faa-float.animated,
|
|
.faa-float.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-float {
|
|
-webkit-animation: float 2s linear infinite;
|
|
animation: float 2s linear infinite;
|
|
}
|
|
|
|
/* PULSE */
|
|
|
|
@-webkit-keyframes pulse {
|
|
0% {
|
|
-webkit-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
}
|
|
|
|
@keyframes pulse {
|
|
0% {
|
|
-webkit-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale(0.8);
|
|
-ms-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
}
|
|
|
|
.faa-pulse.animated,
|
|
.faa-pulse.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-pulse {
|
|
-webkit-animation: pulse 2s linear infinite;
|
|
animation: pulse 2s linear infinite;
|
|
}
|
|
|
|
/* SHAKE */
|
|
|
|
.faa-shake.animated,
|
|
.faa-shake.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-shake {
|
|
-webkit-animation: wrench 2.5s ease infinite;
|
|
animation: wrench 2.5s ease infinite;
|
|
}
|
|
|
|
/* TADA */
|
|
|
|
@-webkit-keyframes tada {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
10%, 20% {
|
|
-webkit-transform: scale(.9) rotate(-8deg);
|
|
transform: scale(.9) rotate(-8deg);
|
|
}
|
|
|
|
30%, 50%, 70% {
|
|
-webkit-transform: scale(1.3) rotate(8deg);
|
|
transform: scale(1.3) rotate(8deg);
|
|
}
|
|
|
|
40%, 60% {
|
|
-webkit-transform: scale(1.3) rotate(-8deg);
|
|
transform: scale(1.3) rotate(-8deg);
|
|
}
|
|
|
|
80% {
|
|
-webkit-transform: scale(1) rotate(0);
|
|
transform: scale(1) rotate(0);
|
|
}
|
|
}
|
|
|
|
@keyframes tada {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
10%, 20% {
|
|
-webkit-transform: scale(.9) rotate(-8deg);
|
|
-ms-transform: scale(.9) rotate(-8deg);
|
|
transform: scale(.9) rotate(-8deg);
|
|
}
|
|
|
|
30%, 50%, 70% {
|
|
-webkit-transform: scale(1.3) rotate(8deg);
|
|
-ms-transform: scale(1.3) rotate(8deg);
|
|
transform: scale(1.3) rotate(8deg);
|
|
}
|
|
|
|
40%, 60% {
|
|
-webkit-transform: scale(1.3) rotate(-8deg);
|
|
-ms-transform: scale(1.3) rotate(-8deg);
|
|
transform: scale(1.3) rotate(-8deg);
|
|
}
|
|
|
|
80% {
|
|
-webkit-transform: scale(1) rotate(0);
|
|
-ms-transform: scale(1) rotate(0);
|
|
transform: scale(1) rotate(0);
|
|
}
|
|
}
|
|
|
|
.faa-tada.animated,
|
|
.faa-tada.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-tada {
|
|
-webkit-animation: tada 2s linear infinite;
|
|
animation: tada 2s linear infinite;
|
|
}
|
|
|
|
/* PASSING */
|
|
|
|
@-webkit-keyframes passing {
|
|
0% {
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
opacity: 0;
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translateX(0%);
|
|
transform: translateX(0%);
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translateX(50%);
|
|
transform: translateX(50%);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes passing {
|
|
0% {
|
|
-webkit-transform: translateX(-50%);
|
|
-ms-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
opacity: 0;
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translateX(0%);
|
|
-ms-transform: translateX(0%);
|
|
transform: translateX(0%);
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translateX(50%);
|
|
-ms-transform: translateX(50%);
|
|
transform: translateX(50%);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.faa-passing.animated,
|
|
.faa-passing.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-passing {
|
|
-webkit-animation: passing 3s linear infinite;
|
|
animation: passing 3s linear infinite;
|
|
}
|
|
|
|
/* WAVE */
|
|
|
|
@-webkit-keyframes burst {
|
|
0% {
|
|
opacity: .6;
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale(1.8);
|
|
transform: scale(1.8);
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes burst {
|
|
0% {
|
|
opacity: .6;
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale(1.8);
|
|
-ms-transform: scale(1.8);
|
|
transform: scale(1.8);
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.faa-burst.animated,
|
|
.faa-burst.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-burst {
|
|
-webkit-animation: burst 3s infinite linear;
|
|
animation: burst 3s infinite linear;
|
|
}
|
|
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VuZXJhdGVkLmNzcyIsInNvdXJjZXMiOlsic291cmNlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxlQUFlOztBQUNmO0VBQ0M7SUFBRyxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7RUFDM0I7SUFBRyxnQ0FBdUI7SUFBdkIsd0JBQXVCOzs7RUFDMUI7SUFBSSxnQ0FBdUI7SUFBdkIsd0JBQXVCOzs7RUFDM0I7SUFBSSxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7RUFDNUI7SUFBSSxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7RUFDNUI7SUFBSSxnQ0FBdUI7SUFBdkIsd0JBQXVCOzs7RUFDM0I7SUFBSSxnQ0FBdUI7SUFBdkIsd0JBQXVCOzs7RUFDM0I7SUFBSSxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7RUFDNUI7SUFBSSxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7RUFDNUI7SUFBSSxnQ0FBdUI7SUFBdkIsd0JBQXVCOzs7RUFDM0I7SUFBSSxnQ0FBdUI7SUFBdkIsd0JBQXVCOzs7RUFDM0I7SUFBSSxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7RUFDNUI7SUFBSSxpQ0FBd0I7SUFBeEIseUJBQXdCOzs7RUFDNUI7SUFBSSxnQ0FBdUI7SUFBdkIsd0JBQXVCOzs7RUFDM0I7SUFBSSwrQkFBc0I7SUFBdEIsdUJBQXNCOzs7O0FBZjNCO0VBQ0M7SUFBRyxpQ0FBd0I7SUFBeEIsNkJBQXdCO0lBQXhCLHlCQUF3Qjs7O0VBQzNCO0lBQUcsZ0NBQXVCO0lBQXZCLDRCQUF1QjtJQUF2Qix3QkFBdUI7OztFQUMxQjtJQUFJLGdDQUF1QjtJQUF2Qiw0QkFBdUI7SUFBdkIsd0JBQXVCOzs7RUFDM0I7SUFBSSxpQ0FBd0I7SUFBeEIsNkJBQXdCO0lBQXhCLHlCQUF3Qjs7O0VBQzVCO0lBQUksaUNBQXdCO0lBQXhCLDZCQUF3QjtJQUF4Qix5QkFBd0I7OztFQUM1QjtJQUFJLGdDQUF1QjtJQUF2Qiw0QkFBdUI7SUFBdkIsd0JBQXVCOzs7RUFDM0I7SUFBSSxnQ0FBdUI7SUFBdkIs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 */ |