2014-01-22 06:21:49 +08:00
|
|
|
/*!
|
2018-01-14 17:14:55 +08:00
|
|
|
* font-awesome-animation - v0.2.0
|
2014-01-22 06:21:49 +08:00
|
|
|
* https://github.com/l-lin/font-awesome-animation
|
2014-04-17 05:54:21 +08:00
|
|
|
* License: MIT
|
2014-01-22 06:21:49 +08:00
|
|
|
*/
|
2014-01-24 21:25:06 +08:00
|
|
|
@-webkit-keyframes wrench {
|
2014-04-17 05:54:21 +08:00
|
|
|
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);
|
|
|
|
}
|
|
|
|
|
2015-07-28 10:03:40 +08:00
|
|
|
75%, 100% {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-transform: rotate(0deg);
|
|
|
|
transform: rotate(0deg);
|
|
|
|
}
|
2014-01-22 06:21:49 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
2014-01-24 21:25:06 +08:00
|
|
|
@keyframes wrench {
|
2014-04-17 05:54:21 +08:00
|
|
|
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);
|
|
|
|
}
|
|
|
|
|
2015-07-28 10:03:40 +08:00
|
|
|
75%, 100% {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-transform: rotate(0deg);
|
|
|
|
transform: rotate(0deg);
|
|
|
|
}
|
2014-01-22 06:21:49 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
|
|
|
.faa-wrench.animated,
|
2014-07-04 16:10:59 +08:00
|
|
|
.faa-wrench.animated-hover:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-wrench {
|
2014-04-17 05:54:21 +08:00
|
|
|
-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;
|
2014-01-22 06:21:49 +08:00
|
|
|
}
|
|
|
|
|
2014-12-06 20:52:10 +08:00
|
|
|
.faa-wrench.animated.faa-fast,
|
|
|
|
.faa-wrench.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-wrench.faa-fast {
|
|
|
|
-webkit-animation: wrench 1.2s ease infinite;
|
|
|
|
animation: wrench 1.2s ease infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-wrench.animated.faa-slow,
|
|
|
|
.faa-wrench.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-wrench.faa-slow {
|
|
|
|
-webkit-animation: wrench 3.7s ease infinite;
|
|
|
|
animation: wrench 3.7s ease infinite;
|
|
|
|
}
|
|
|
|
|
2014-01-22 06:21:49 +08:00
|
|
|
/* BELL */
|
2014-04-17 05:54:21 +08:00
|
|
|
|
2014-01-24 21:25:06 +08:00
|
|
|
@-webkit-keyframes ring {
|
2014-04-17 05:54:21 +08:00
|
|
|
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);
|
|
|
|
}
|
|
|
|
|
2015-07-28 10:03:40 +08:00
|
|
|
20%, 100% {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-transform: rotate(0deg);
|
|
|
|
transform: rotate(0deg);
|
|
|
|
}
|
2014-01-22 06:21:49 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
2014-01-24 21:25:06 +08:00
|
|
|
@keyframes ring {
|
2014-04-17 05:54:21 +08:00
|
|
|
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);
|
|
|
|
}
|
|
|
|
|
2015-07-28 10:03:40 +08:00
|
|
|
20%, 100% {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-transform: rotate(0deg);
|
|
|
|
transform: rotate(0deg);
|
|
|
|
}
|
2014-01-22 06:21:49 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
|
|
|
.faa-ring.animated,
|
2014-07-04 16:10:59 +08:00
|
|
|
.faa-ring.animated-hover:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-ring {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-animation: ring 2s ease infinite;
|
|
|
|
animation: ring 2s ease infinite;
|
|
|
|
transform-origin-x: 50%;
|
|
|
|
transform-origin-y: 0px;
|
|
|
|
transform-origin-z: initial;
|
2014-01-22 06:21:49 +08:00
|
|
|
}
|
|
|
|
|
2014-12-06 20:52:10 +08:00
|
|
|
.faa-ring.animated.faa-fast,
|
|
|
|
.faa-ring.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-ring.faa-fast {
|
|
|
|
-webkit-animation: ring 1s ease infinite;
|
|
|
|
animation: ring 1s ease infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-ring.animated.faa-slow,
|
|
|
|
.faa-ring.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-ring.faa-slow {
|
|
|
|
-webkit-animation: ring 3s ease infinite;
|
|
|
|
animation: ring 3s ease infinite;
|
|
|
|
}
|
|
|
|
|
2014-01-22 06:21:49 +08:00
|
|
|
/* VERTICAL */
|
2014-04-17 05:54:21 +08:00
|
|
|
|
2014-01-22 06:21:49 +08:00
|
|
|
@-webkit-keyframes vertical {
|
2014-04-17 05:54:21 +08:00
|
|
|
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);
|
|
|
|
}
|
|
|
|
|
2015-07-28 10:03:40 +08:00
|
|
|
22%, 100% {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-transform: translate(0,0);
|
|
|
|
transform: translate(0,0);
|
|
|
|
}
|
2014-01-22 06:21:49 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
2014-01-22 06:21:49 +08:00
|
|
|
@keyframes vertical {
|
2014-04-17 05:54:21 +08:00
|
|
|
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);
|
|
|
|
}
|
|
|
|
|
2015-07-28 10:03:40 +08:00
|
|
|
22%, 100% {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-transform: translate(0,0);
|
|
|
|
transform: translate(0,0);
|
|
|
|
}
|
2014-01-22 06:21:49 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
|
|
|
.faa-vertical.animated,
|
2014-07-04 16:10:59 +08:00
|
|
|
.faa-vertical.animated-hover:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-vertical {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-animation: vertical 2s ease infinite;
|
|
|
|
animation: vertical 2s ease infinite;
|
2014-01-22 06:21:49 +08:00
|
|
|
}
|
|
|
|
|
2014-12-06 20:52:10 +08:00
|
|
|
.faa-vertical.animated.faa-fast,
|
|
|
|
.faa-vertical.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-vertical.faa-fast {
|
|
|
|
-webkit-animation: vertical 1s ease infinite;
|
|
|
|
animation: vertical 1s ease infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-vertical.animated.faa-slow,
|
|
|
|
.faa-vertical.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-vertical.faa-slow {
|
|
|
|
-webkit-animation: vertical 4s ease infinite;
|
|
|
|
animation: vertical 4s ease infinite;
|
|
|
|
}
|
|
|
|
|
2014-01-22 06:21:49 +08:00
|
|
|
/* HORIZONTAL */
|
2014-04-17 05:54:21 +08:00
|
|
|
|
2014-01-22 06:21:49 +08:00
|
|
|
@-webkit-keyframes horizontal {
|
2014-04-17 05:54:21 +08:00
|
|
|
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);
|
|
|
|
}
|
|
|
|
|
2015-07-28 10:03:40 +08:00
|
|
|
36%, 100% {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-transform: translate(0,0);
|
|
|
|
transform: translate(0,0);
|
|
|
|
}
|
2014-01-22 06:21:49 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
2014-01-22 06:21:49 +08:00
|
|
|
@keyframes horizontal {
|
2014-04-17 05:54:21 +08:00
|
|
|
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);
|
|
|
|
}
|
|
|
|
|
2015-07-28 10:03:40 +08:00
|
|
|
36%, 100% {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-transform: translate(0,0);
|
|
|
|
transform: translate(0,0);
|
|
|
|
}
|
2014-01-22 06:21:49 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
|
|
|
.faa-horizontal.animated,
|
2014-07-04 16:10:59 +08:00
|
|
|
.faa-horizontal.animated-hover:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-horizontal {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-animation: horizontal 2s ease infinite;
|
|
|
|
animation: horizontal 2s ease infinite;
|
2014-01-22 06:21:49 +08:00
|
|
|
}
|
|
|
|
|
2014-12-06 20:52:10 +08:00
|
|
|
.faa-horizontal.animated.faa-fast,
|
|
|
|
.faa-horizontal.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-horizontal.faa-fast {
|
|
|
|
-webkit-animation: horizontal 1s ease infinite;
|
|
|
|
animation: horizontal 1s ease infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-horizontal.animated.faa-slow,
|
|
|
|
.faa-horizontal.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-horizontal.faa-slow {
|
|
|
|
-webkit-animation: horizontal 3s ease infinite;
|
|
|
|
animation: horizontal 3s ease infinite;
|
|
|
|
}
|
|
|
|
|
2014-01-22 06:21:49 +08:00
|
|
|
/* FLASHING */
|
2014-04-17 05:54:21 +08:00
|
|
|
|
2014-01-22 06:21:49 +08:00
|
|
|
@-webkit-keyframes flash {
|
2014-04-17 05:54:21 +08:00
|
|
|
0%, 100%, 50% {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
25%, 75% {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
2014-01-22 06:21:49 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
2014-01-22 06:21:49 +08:00
|
|
|
@keyframes flash {
|
2014-04-17 05:54:21 +08:00
|
|
|
0%, 100%, 50% {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
25%, 75% {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
2014-01-22 06:21:49 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
|
|
|
.faa-flash.animated,
|
2014-07-04 16:10:59 +08:00
|
|
|
.faa-flash.animated-hover:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-flash {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-animation: flash 2s ease infinite;
|
|
|
|
animation: flash 2s ease infinite;
|
2014-01-24 21:25:06 +08:00
|
|
|
}
|
|
|
|
|
2014-12-06 20:52:10 +08:00
|
|
|
.faa-flash.animated.faa-fast,
|
|
|
|
.faa-flash.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-flash.faa-fast {
|
|
|
|
-webkit-animation: flash 1s ease infinite;
|
|
|
|
animation: flash 1s ease infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-flash.animated.faa-slow,
|
|
|
|
.faa-flash.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-flash.faa-slow {
|
|
|
|
-webkit-animation: flash 3s ease infinite;
|
|
|
|
animation: flash 3s ease infinite;
|
|
|
|
}
|
|
|
|
|
2014-01-24 21:25:06 +08:00
|
|
|
/* BOUNCE */
|
2014-04-17 05:54:21 +08:00
|
|
|
|
2014-01-24 21:25:06 +08:00
|
|
|
@-webkit-keyframes bounce {
|
2015-07-28 10:03:40 +08:00
|
|
|
0%, 10%, 20%, 50%, 80%, 100% {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-transform: translateY(0);
|
|
|
|
transform: translateY(0);
|
|
|
|
}
|
|
|
|
|
|
|
|
40% {
|
|
|
|
-webkit-transform: translateY(-15px);
|
|
|
|
transform: translateY(-15px);
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
-webkit-transform: translateY(-15px);
|
|
|
|
transform: translateY(-15px);
|
|
|
|
}
|
2014-01-24 21:25:06 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
2014-01-24 21:25:06 +08:00
|
|
|
@keyframes bounce {
|
2015-07-28 10:03:40 +08:00
|
|
|
0%, 10%, 20%, 50%, 80%, 100% {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-transform: translateY(0);
|
|
|
|
transform: translateY(0);
|
|
|
|
}
|
|
|
|
|
|
|
|
40% {
|
|
|
|
-webkit-transform: translateY(-15px);
|
|
|
|
transform: translateY(-15px);
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
-webkit-transform: translateY(-15px);
|
|
|
|
transform: translateY(-15px);
|
|
|
|
}
|
2014-01-24 21:25:06 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
|
|
|
.faa-bounce.animated,
|
2014-07-04 16:10:59 +08:00
|
|
|
.faa-bounce.animated-hover:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-bounce {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-animation: bounce 2s ease infinite;
|
|
|
|
animation: bounce 2s ease infinite;
|
2014-01-25 00:16:56 +08:00
|
|
|
}
|
|
|
|
|
2014-12-06 20:52:10 +08:00
|
|
|
.faa-bounce.animated.faa-fast,
|
|
|
|
.faa-bounce.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-bounce.faa-fast {
|
|
|
|
-webkit-animation: bounce 1s ease infinite;
|
|
|
|
animation: bounce 1s ease infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-bounce.animated.faa-slow,
|
|
|
|
.faa-bounce.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-bounce.faa-slow {
|
|
|
|
-webkit-animation: bounce 3s ease infinite;
|
|
|
|
animation: bounce 3s ease infinite;
|
|
|
|
}
|
|
|
|
|
2014-01-25 00:16:56 +08:00
|
|
|
/* SPIN */
|
2014-04-17 05:54:21 +08:00
|
|
|
|
|
|
|
@-webkit-keyframes spin {
|
|
|
|
0% {
|
|
|
|
-webkit-transform: rotate(0deg);
|
|
|
|
transform: rotate(0deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
100% {
|
|
|
|
-webkit-transform: rotate(359deg);
|
|
|
|
transform: rotate(359deg);
|
|
|
|
}
|
2014-01-25 00:16:56 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
|
|
|
@keyframes spin {
|
|
|
|
0% {
|
|
|
|
-webkit-transform: rotate(0deg);
|
|
|
|
transform: rotate(0deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
100% {
|
|
|
|
-webkit-transform: rotate(359deg);
|
|
|
|
transform: rotate(359deg);
|
|
|
|
}
|
2014-01-25 00:16:56 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
|
|
|
.faa-spin.animated,
|
2014-07-04 16:10:59 +08:00
|
|
|
.faa-spin.animated-hover:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-spin {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-animation: spin 1.5s linear infinite;
|
|
|
|
animation: spin 1.5s linear infinite;
|
2014-01-25 00:16:56 +08:00
|
|
|
}
|
2014-01-25 00:34:05 +08:00
|
|
|
|
2014-12-06 20:52:10 +08:00
|
|
|
.faa-spin.animated.faa-fast,
|
|
|
|
.faa-spin.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-spin.faa-fast {
|
|
|
|
-webkit-animation: spin 0.7s linear infinite;
|
|
|
|
animation: spin 0.7s linear infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-spin.animated.faa-slow,
|
|
|
|
.faa-spin.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-spin.faa-slow {
|
|
|
|
-webkit-animation: spin 2.2s linear infinite;
|
|
|
|
animation: spin 2.2s linear infinite;
|
|
|
|
}
|
|
|
|
|
2014-01-25 00:34:05 +08:00
|
|
|
/* FLOAT */
|
2014-04-17 05:54:21 +08:00
|
|
|
|
|
|
|
@-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);
|
|
|
|
}
|
2014-01-25 00:34:05 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
|
|
|
@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);
|
|
|
|
}
|
2014-01-25 00:34:05 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
|
|
|
.faa-float.animated,
|
2014-07-04 16:10:59 +08:00
|
|
|
.faa-float.animated-hover:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-float {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-animation: float 2s linear infinite;
|
|
|
|
animation: float 2s linear infinite;
|
2014-01-25 00:34:05 +08:00
|
|
|
}
|
2014-01-25 02:44:01 +08:00
|
|
|
|
2014-12-06 20:52:10 +08:00
|
|
|
.faa-float.animated.faa-fast,
|
|
|
|
.faa-float.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-float.faa-fast {
|
|
|
|
-webkit-animation: float 1s linear infinite;
|
|
|
|
animation: float 1s linear infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-float.animated.faa-slow,
|
|
|
|
.faa-float.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-float.faa-slow {
|
|
|
|
-webkit-animation: float 3s linear infinite;
|
|
|
|
animation: float 3s linear infinite;
|
|
|
|
}
|
|
|
|
|
2014-01-25 02:44:01 +08:00
|
|
|
/* PULSE */
|
2014-04-17 05:54:21 +08:00
|
|
|
|
2014-01-25 02:44:01 +08:00
|
|
|
@-webkit-keyframes pulse {
|
2014-04-17 05:54:21 +08:00
|
|
|
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);
|
|
|
|
}
|
2014-01-25 02:44:01 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
2014-01-25 02:44:01 +08:00
|
|
|
@keyframes pulse {
|
2014-04-17 05:54:21 +08:00
|
|
|
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);
|
|
|
|
}
|
2014-01-25 02:44:01 +08:00
|
|
|
}
|
2014-04-17 05:54:21 +08:00
|
|
|
|
|
|
|
.faa-pulse.animated,
|
2014-07-04 16:10:59 +08:00
|
|
|
.faa-pulse.animated-hover:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-pulse {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-animation: pulse 2s linear infinite;
|
|
|
|
animation: pulse 2s linear infinite;
|
2014-02-07 22:25:25 +08:00
|
|
|
}
|
|
|
|
|
2014-12-06 20:52:10 +08:00
|
|
|
.faa-pulse.animated.faa-fast,
|
|
|
|
.faa-pulse.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-pulse.faa-fast {
|
|
|
|
-webkit-animation: pulse 1s linear infinite;
|
|
|
|
animation: pulse 1s linear infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-pulse.animated.faa-slow,
|
|
|
|
.faa-pulse.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-pulse.faa-slow {
|
|
|
|
-webkit-animation: pulse 3s linear infinite;
|
|
|
|
animation: pulse 3s linear infinite;
|
|
|
|
}
|
|
|
|
|
2014-02-07 22:25:25 +08:00
|
|
|
/* SHAKE */
|
2014-04-17 05:54:21 +08:00
|
|
|
|
|
|
|
.faa-shake.animated,
|
2014-07-04 16:10:59 +08:00
|
|
|
.faa-shake.animated-hover:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-shake {
|
2014-04-17 05:54:21 +08:00
|
|
|
-webkit-animation: wrench 2.5s ease infinite;
|
|
|
|
animation: wrench 2.5s ease infinite;
|
2014-02-07 22:25:25 +08:00
|
|
|
}
|
2014-05-17 23:02:45 +08:00
|
|
|
|
2014-12-06 20:52:10 +08:00
|
|
|
.faa-shake.animated.faa-fast,
|
|
|
|
.faa-shake.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-shake.faa-fast {
|
|
|
|
-webkit-animation: wrench 1.2s ease infinite;
|
|
|
|
animation: wrench 1.2s ease infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-shake.animated.faa-slow,
|
|
|
|
.faa-shake.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-shake.faa-slow {
|
|
|
|
-webkit-animation: wrench 3.7s ease infinite;
|
|
|
|
animation: wrench 3.7s ease infinite;
|
|
|
|
}
|
|
|
|
|
2014-05-17 23:02:45 +08:00
|
|
|
/* 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);
|
|
|
|
}
|
|
|
|
|
2015-07-28 10:03:40 +08:00
|
|
|
80%, 100% {
|
2014-05-17 23:02:45 +08:00
|
|
|
-webkit-transform: scale(1) rotate(0);
|
|
|
|
transform: scale(1) rotate(0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@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);
|
|
|
|
}
|
|
|
|
|
2015-07-28 10:03:40 +08:00
|
|
|
80%, 100% {
|
2014-05-17 23:02:45 +08:00
|
|
|
-webkit-transform: scale(1) rotate(0);
|
|
|
|
transform: scale(1) rotate(0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-tada.animated,
|
2014-07-04 16:10:59 +08:00
|
|
|
.faa-tada.animated-hover:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-tada {
|
2014-05-17 23:02:45 +08:00
|
|
|
-webkit-animation: tada 2s linear infinite;
|
|
|
|
animation: tada 2s linear infinite;
|
|
|
|
}
|
2014-05-17 23:27:45 +08:00
|
|
|
|
2014-12-06 20:52:10 +08:00
|
|
|
.faa-tada.animated.faa-fast,
|
|
|
|
.faa-tada.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-tada.faa-fast {
|
|
|
|
-webkit-animation: tada 1s linear infinite;
|
|
|
|
animation: tada 1s linear infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-tada.animated.faa-slow,
|
|
|
|
.faa-tada.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-tada.faa-slow {
|
|
|
|
-webkit-animation: tada 3s linear infinite;
|
|
|
|
animation: tada 3s linear infinite;
|
|
|
|
}
|
|
|
|
|
2014-05-17 23:27:45 +08:00
|
|
|
/* 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%);
|
|
|
|
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;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-passing.animated,
|
2014-07-04 16:10:59 +08:00
|
|
|
.faa-passing.animated-hover:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-passing {
|
2014-12-06 20:52:10 +08:00
|
|
|
-webkit-animation: passing 2s linear infinite;
|
|
|
|
animation: passing 2s linear infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-passing.animated.faa-fast,
|
|
|
|
.faa-passing.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-passing.faa-fast {
|
|
|
|
-webkit-animation: passing 1s linear infinite;
|
|
|
|
animation: passing 1s linear infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-passing.animated.faa-slow,
|
|
|
|
.faa-passing.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-passing.faa-slow {
|
2014-05-17 23:27:45 +08:00
|
|
|
-webkit-animation: passing 3s linear infinite;
|
|
|
|
animation: passing 3s linear infinite;
|
|
|
|
}
|
2014-08-18 02:11:12 +08:00
|
|
|
|
2016-01-14 03:10:58 +08:00
|
|
|
/* PASSING REVERSE */
|
|
|
|
|
|
|
|
@-webkit-keyframes passing-reverse {
|
|
|
|
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-reverse {
|
|
|
|
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;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-passing-reverse.animated,
|
|
|
|
.faa-passing-reverse.animated-hover:hover,
|
2016-01-14 16:23:38 +08:00
|
|
|
.faa-parent.animated-hover:hover > .faa-passing-reverse {
|
2016-01-14 03:10:58 +08:00
|
|
|
-webkit-animation: passing-reverse 2s linear infinite;
|
|
|
|
animation: passing-reverse 2s linear infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-passing-reverse.animated.faa-fast,
|
|
|
|
.faa-passing-reverse.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-passing-reverse.faa-fast {
|
|
|
|
-webkit-animation: passing-reverse 1s linear infinite;
|
|
|
|
animation: passing-reverse 1s linear infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-passing-reverse.animated.faa-slow,
|
|
|
|
.faa-passing-reverse.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-passing-reverse.faa-slow {
|
|
|
|
-webkit-animation: passing-reverse 3s linear infinite;
|
|
|
|
animation: passing-reverse 3s linear infinite;
|
|
|
|
}
|
|
|
|
|
2017-10-01 21:18:06 +08:00
|
|
|
/* BURST */
|
2014-08-18 02:11:12 +08:00
|
|
|
|
|
|
|
@-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);
|
|
|
|
transform: scale(1.8);
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
100% {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-burst.animated,
|
|
|
|
.faa-burst.animated-hover:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-burst {
|
2014-12-06 20:52:10 +08:00
|
|
|
-webkit-animation: burst 2s infinite linear;
|
|
|
|
animation: burst 2s infinite linear;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-burst.animated.faa-fast,
|
|
|
|
.faa-burst.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-burst.faa-fast {
|
|
|
|
-webkit-animation: burst 1s infinite linear;
|
|
|
|
animation: burst 1s infinite linear;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-burst.animated.faa-slow,
|
|
|
|
.faa-burst.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-burst.faa-slow {
|
2014-08-18 02:11:12 +08:00
|
|
|
-webkit-animation: burst 3s infinite linear;
|
|
|
|
animation: burst 3s infinite linear;
|
|
|
|
}
|
2017-10-01 21:18:06 +08:00
|
|
|
|
|
|
|
/* FALLING */
|
|
|
|
|
|
|
|
@-webkit-keyframes falling {
|
|
|
|
0% {
|
|
|
|
-webkit-transform: translateY(-50%);
|
|
|
|
transform: translateY(-50%);
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
50% {
|
|
|
|
-webkit-transform: translateY(0%);
|
|
|
|
transform: translateY(0%);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
100% {
|
|
|
|
-webkit-transform: translateY(50%);
|
|
|
|
transform: translateY(50%);
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes falling {
|
|
|
|
0% {
|
|
|
|
-webkit-transform: translateY(-50%);
|
|
|
|
transform: translateY(-50%);
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
50% {
|
|
|
|
-webkit-transform: translateY(0%);
|
|
|
|
transform: translateY(0%);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
100% {
|
|
|
|
-webkit-transform: translateY(50%);
|
|
|
|
transform: translateY(50%);
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-falling.animated,
|
|
|
|
.faa-falling.animated-hover:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-falling {
|
|
|
|
-webkit-animation: falling 2s linear infinite;
|
|
|
|
animation: falling 2s linear infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-falling.animated.faa-fast,
|
|
|
|
.faa-falling.animated-hover.faa-fast:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-falling.faa-fast {
|
|
|
|
-webkit-animation: falling 1s linear infinite;
|
|
|
|
animation: falling 1s linear infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
.faa-falling.animated.faa-slow,
|
|
|
|
.faa-falling.animated-hover.faa-slow:hover,
|
|
|
|
.faa-parent.animated-hover:hover > .faa-falling.faa-slow {
|
|
|
|
-webkit-animation: falling 3s linear infinite;
|
|
|
|
animation: falling 3s linear infinite;
|
|
|
|
}
|
2018-01-14 17:14:55 +08:00
|
|
|
|
|
|
|
|
|
|
|
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9mb250LWF3ZXNvbWUtYW5pbWF0aW9uLmNzcyIsInNvdXJjZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0FBQ0E7RUFDQztJQUFHO0lBQUE7OztFQUNIO0lBQUc7SUFBQTs7O0VBQ0g7SUFBSTtJQUFBOzs7RUFDSjtJQUFJO0lBQUE7OztFQUNKO0lBQUk7SUFBQTs7O0VBQ0o7SUFBSTtJQUFBOzs7RUFDSjtJQUFJO0lBQUE7OztFQUNKO0lBQUk7SUFBQTs7O0VBQ0o7SUFBSTtJQUFBOzs7RUFDSjtJQUFJO0lBQUE7OztFQUNKO0lBQUk7SUFBQTs7O0VBQ0o7SUFBSTtJQUFBOzs7RUFDSjtJQUFJO0lBQUE7OztFQUNKO0lBQUk7SUFBQTs7O0VBQ0o7SUFBUztJQUFBOzs7O0FBZlY7RUFDQztJQUFHO0lBQUE7OztFQUNIO0lBQUc7SUFBQTs7O0VBQ0g7SUFBSTtJQUFBOzs7RUFDSjtJQUFJO0lBQUE7OztFQUNKO0lBQUk7SUFBQTs7O0VBQ0o7SUFBSTtJQUFBOzs7RUFDSjtJQUFJO0lBQUE7OztFQUNKO0lBQUk7SUFBQTs7O0VBQ0o7SUFBSTtJQUFBOzs7RUFDSjtJQUFJO0lBQUE7OztFQUNKO0lBQUk7SUFBQTs7O0VBQ0o7SUFBSTtJQUFBOzs7RUFDSjtJQUFJO0lBQUE7OztFQUNKO0lBQUk7SUFBQTs7O0VBQ0o7SUFBUztJQUFBOzs7O0FBRVY7OztFQUdDO0VBQUE7RUFDQTtFQUNBO0VBQ0E7OztBQUVEOzs7RUFHQztFQUFBOzs7QUFFRDs7O0VBR0M7RUFBQTs7O0FBR0Q7O0FBQ0E7RUFDQztJQUFHO0lBQUE7OztFQUNIO0lBQUc7SUFBQTs7O0VBQ0g7SUFBRztJQUFBOzs7RUFDSDtJQUFHO0lBQUE7OztFQUNIO0lBQUc7SUFBQTs7O0VBQ0g7SUFBSTtJQUFBOzs7RUFDSjtJQUFJO0lBQUE7OztFQUNKO0lBQUk7SUFBQTs7O0VBQ0o7SUFBSTtJQUFBOzs7RUFDSjtJQUFJO0lBQUE7OztFQUNKO0lBQVM7SUFBQTs7OztBQVhWO0VBQ0M7SUFBRztJQUFBOzs7RUFDSDtJQUFHO0lBQUE7OztFQUNIO0lBQUc7SUFBQTs7O0VBQ0g7SUFBRztJQUFBOzs7RUFDSDtJQUFHO0lBQUE7OztFQUNIO0lBQUk7SUFBQTs7O0VBQ0o7SUFBSTtJQUFBOzs7RUFDSjtJQUFJO0lBQUE7OztFQUNKO0lBQUk7SUFBQTs7O0VBQ0o7SUFBSTtJQUFBOzs7RUFDSjtJQUFTO0lBQUE7Ozs7QUFFVjs7O0VBR0M7RUFBQTtFQUNBO0VBQ0E7RUFDQTs7O0FBRUQ7OztFQUdDO0VBQUE7OztBQUVEOzs7RUFHQztFQUFBOzs7QUFHRDs7QUFDQTtFQUNDO0lBQUc7SUFBQTs7O0VBQ0g7SUFBRztJQUFBOzs7RUFDSDtJQUFHO0lBQUE7OztFQUNIO0lBQUk7SUFBQTs7O0VBQ0o7SUFBSTtJQUFBOzs7RUFDSjtJQUFJO0lBQUE7OztFQUNKO0lBQVM7SUFBQTs7OztBQVBWO0VBQ0M7SUFBRztJQUFBOzs7RUFDSDtJQUFHO0lBQUE7OztFQUNIO0lBQUc7SUFBQTs7O0VBQ0g7SUFBSTtJQUFBOzs7RUFDSjtJQUFJO0lBQUE7OztFQUNKO0lBQUk7SUFBQTs7O0VBQ0o7SUFBUztJQUFBOzs7O0FBRVY7OztFQUdDO0VBQUE7OztBQUVEOzs7RUFHQztFQUFBOzs7QUFFRDs7O0VBR0M7RUFBQTs7O0FBR0Q7O0FBQ0E7RUFDQztJQUFHO0lBQUE7OztFQUNIO0lBQUc7SUFBQTs7O0VBQ0g7SUFBSTtJQUFBOzs7RUFDSjtJQUFJO0lBQUE7OztFQUNKO0lBQUk7SUFBQTs7O0VBQ0o7SUFBSTtJQUFBOzs7RUFDSjtJQUFTO0lBQUE7Ozs7QUFQVjtFQUNDO0lBQUc7SUFBQTs7O0VBQ0g7SUFBRztJQUFBOzs7RUFDSDtJQUFJO0lBQUE7OztFQUNKO0lBQUk7SUFBQTs7O0VBQ0o7SUFBSTtJQUFBOzs7RUFDSjtJQUFJO0lBQUE7OztFQUNKO0lBQVM7SUFBQTs7OztBQUVWOzs7RUFHQztFQUFBOzs7QUFFRDs7O0VBR0M7RUFBQTs7O0FBRUQ7OztFQUdDO0VBQUE7OztBQUdEOztBQUNBO0VBQ0M7SUFBWTs7O0VBQ1o7SUFBUTs7OztBQUZUO0VBQ0M7SUFBWTs7O0VBQ1o7SUFBUTs7OztBQUVUOzs7RUFHQztFQUFBOzs7QUFFRDs7O0VBR0M7RUFBQTs7O0FBRUQ7OztFQUdDO0VBQUE7OztBQUdEOztBQUNBO0VBQ0M7SUFBd0I7SUFBQTs7O0VBQ3hCO0lBQUk7SUFBQTs7O0VBQ0o7SUFBSTtJQUFBOzs7O0FBSEw7RUFDQztJQUF3QjtJQUFBOzs7RUFDeEI7SUFBSTtJQUFBOzs7RUFDSjtJQUFJO0lBQUE7Ozs7QUFFTDs7O0VBR0M7RUFBQTs7O0FBRUQ7OztFQUdDO0VBQUE7OztBQUVEOzs7RUFHQztFQUFBOzs7QUFHRDs7QUFDQTtFQUNDO0lBQUc7SUFBQTs7O0VBQ0g7SUFBSztJQUFBOzs7O0FBRk47RUFDQztJQUFHO0lBQUE7OztFQUNIO0lBQUs7SUFBQTs7OztBQUVOOzs7RUFHQztFQUFBOzs7QUFFRDs7O0VBR0M7RUFBQTs7O0FBRUQ7OztFQUdDO0VBQUE7OztBQUdEOztBQUNBO0VBQ0M7SUFBRztJQUFBOzs7RUFDSDtJQUFJO0lBQUE7OztFQUNKO0lBQUs7SUFBQTs7OztBQUhOO0VBQ0M7SUFBRztJQUFBOzs7RUFDSDtJQUFJO0lBQUE7OztFQUNKO0lBQUs7SUFBQTs7OztBQUVOOzs7RUFHQztFQUFBOzs7QUFFRDs7O0VBR0M7RUFBQTs7O0FBRUQ7OztFQUdDO0VBQUE7OztBQUdEOztBQUNBO0VBQ0M7SUFBSTtJQUFBOzs7RUFDSDtJQUFLO0lBQUE7OztFQUNMO0lBQU07SUFBQTs7OztBQUhSO0VBQ0M7SUFBSTtJQUFBOzs7RUFDSDtJQUFLO0lBQUE7OztFQUNMO0lBQU07SUFBQTs7OztBQUVSOzs7RUFHQztFQUFBOzs7QUFFRDs7O0VBR0M7RUFBQTs7O0FBRUQ7OztFQUdDO0VBQUE7OztBQUdEOztBQUNBOzs7RUFHQztFQUFBOzs7QUFFRDs7O0VBR0M7RUFBQTs7O0FBRUQ7OztFQUdDO0VBQUE7OztBQUdEOztBQUNBO0VBQ0M7SUFBSTtJQUFBOzs7RUFDSjtJQUFTO0lBQUE7OztFQUNUO0lBQWE7SUFBQTs7O0VBQ2I7SUFBUztJQUFBOzs7RUFDVDtJQUFVO0lBQUE7Ozs7QUFMWDtFQUNDO0lBQUk7SUFBQTs7O0VBQ0o7SUFBUztJQUFBOzs7RUFDVDtJQUFhO0lBQUE7OztFQUNiO0lBQVM7SUFBQTs7O0VBQ1Q7SUFBVTtJQUFBOzs7O0FBR1g7OztFQUdDO0VBQUE7OztBQUVEOzs7RUFHQztFQUFBOzs7QUFFRDs7O0VBR0M7RUFBQTs7O0FBR0Q7O0FBQ0E7RUFDQztJQUFJO0lBQUE7SUFBNEI7OztFQUNoQztJQUFLO0lBQUE7SUFBMEI7OztFQUMvQjtJQUFNO0lBQUE7SUFBMkI7Ozs7QUFIbEM7RUFDQztJQUFJO0lBQUE7SUFBNEI7OztFQUNoQztJQUFLO0lBQUE7SUFBMEI7OztFQUMvQ
|