diff --git a/README.md b/README.md index dec47c2..72bf168 100644 --- a/README.md +++ b/README.md @@ -64,24 +64,26 @@ You can regulate the speed of the animation by adding the CSS class `faa-fast` o + | On DOM Load | On hover | On parent hover | |-------------|----------|-----------------| -| faa-wrench animated| faa-wrench animated-hover| faa-wrench| -| faa-ring animated| faa-ring animated-hover| faa-ring| -| faa-horizontal animated| faa-horizontal animated-hover| faa-horizontal| -| faa-vertical animated| faa-vertical animated-hover| faa-vertical| -| faa-flash animated| faa-flash animated-hover| faa-flash| -| faa-bounce animated| faa-bounce animated-hover| faa-bounce| -| faa-spin animated| faa-spin animated-hover| faa-spin| -| faa-float animated| faa-float animated-hover| faa-float| -| faa-pulse animated| faa-pulse animated-hover| faa-pulse| -| faa-shake animated| faa-shake animated-hover| faa-shake| -| faa-tada animated| faa-tada animated-hover| faa-tada| -| faa-passing animated| faa-passing animated-hover| faa-passing| -| faa-passing-reverse animated| faa-passing-reverse animated-hover| faa-passing-reverse| -| faa-burst animated| faa-burst animated-hover| faa-burst| -| faa-falling animated| faa-falling animated-hover| faa-falling| +| faa-wrench animated| faa-wrench animated-hover| faa-wrench| +| faa-ring animated| faa-ring animated-hover| faa-ring| +| faa-horizontal animated| faa-horizontal animated-hover| faa-horizontal| +| faa-vertical animated| faa-vertical animated-hover| faa-vertical| +| faa-flash animated| faa-flash animated-hover| faa-flash| +| faa-bounce animated| faa-bounce animated-hover| faa-bounce| +| faa-spin animated| faa-spin animated-hover| faa-spin| +| faa-float animated| faa-float animated-hover| faa-float| +| faa-pulse animated| faa-pulse animated-hover| faa-pulse| +| faa-shake animated| faa-shake animated-hover| faa-shake| +| faa-tada animated| faa-tada animated-hover| faa-tada| +| faa-passing animated| faa-passing animated-hover| faa-passing| +| faa-passing-reverse animated| faa-passing-reverse animated-hover| faa-passing-reverse| +| faa-burst animated| faa-burst animated-hover| faa-burst| +| faa-falling animated| faa-falling animated-hover| faa-falling| +| faa-rising animated| faa-rising animated-hover| faa-rising| ## Development @@ -93,11 +95,18 @@ npm install npm run build ``` +To test in local, you can use: + +- [http-server][]: server local http server to the `css/` folder +- any markdown preview to serve this README.md as a webpage (e.g. [markdown-preview.nvim][]) + ## License [MIT License](LICENSE) -[FontAwesome]: https://fontawesome.com/ -[npm-link]: https://www.npmjs.com/package/font-awesome-animation [cdn-link]: https://www.jsdelivr.com/package/npm/font-awesome-animation +[FontAwesome]: https://fontawesome.com/ +[http-server]: https://www.npmjs.com/package/http-server +[markdown-preview.nvim]: https://github.com/iamcco/markdown-preview.nvim +[npm-link]: https://www.npmjs.com/package/font-awesome-animation diff --git a/css/font-awesome-animation.css b/css/font-awesome-animation.css index 6216bc5..eccacd5 100644 --- a/css/font-awesome-animation.css +++ b/css/font-awesome-animation.css @@ -1,5 +1,780 @@ /*! font-awesome-animation v0.4.2 | MIT License | https://github.com/l-lin/font-awesome-animation */ -/* WRENCHING */ +@-webkit-keyframes bounce { + 0%, 10%, 20%, 50%, 80%, 100% { + transform: translateY(0); + } + 40% { + transform: translateY(-15px); + } + 60% { + transform: translateY(-15px); + } +} + +@keyframes bounce { + 0%, 10%, 20%, 50%, 80%, 100% { + transform: translateY(0); + } + 40% { + transform: translateY(-15px); + } + 60% { + 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; +} + +.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; +} + +@-webkit-keyframes burst { + 0% { + opacity: .6; + } + 50% { + transform: scale(1.8); + opacity: 0; + } + 100% { + opacity: 0; + } +} + +@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 { + -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 { + -webkit-animation: burst 3s infinite linear; + animation: burst 3s infinite linear; +} + +@-webkit-keyframes falling { + 0% { + transform: translateY(-50%); + opacity: 0; + } + 50% { + transform: translateY(0%); + opacity: 1; + } + 100% { + transform: translateY(50%); + opacity: 0; + } +} + +@keyframes falling { + 0% { + transform: translateY(-50%); + opacity: 0; + } + 50% { + transform: translateY(0%); + opacity: 1; + } + 100% { + 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; +} + +@-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; +} + +.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; +} + +@-webkit-keyframes float { + 0% { + transform: translateY(0); + } + 50% { + transform: translateY(-6px); + } + 100% { + transform: translateY(0); + } +} + +@keyframes float { + 0% { + transform: translateY(0); + } + 50% { + transform: translateY(-6px); + } + 100% { + 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; +} + +.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; +} + +@-webkit-keyframes horizontal { + 0% { + transform: translate(0, 0); + } + 6% { + transform: translate(5px, 0); + } + 12% { + transform: translate(0, 0); + } + 18% { + transform: translate(5px, 0); + } + 24% { + transform: translate(0, 0); + } + 30% { + transform: translate(5px, 0); + } + 36%, 100% { + transform: translate(0, 0); + } +} + +@keyframes horizontal { + 0% { + transform: translate(0, 0); + } + 6% { + transform: translate(5px, 0); + } + 12% { + transform: translate(0, 0); + } + 18% { + transform: translate(5px, 0); + } + 24% { + transform: translate(0, 0); + } + 30% { + transform: translate(5px, 0); + } + 36%, 100% { + 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; +} + +.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; +} + +@-webkit-keyframes passing-reverse { + 0% { + transform: translateX(50%); + opacity: 0; + } + 50% { + transform: translateX(0%); + opacity: 1; + } + 100% { + transform: translateX(-50%); + opacity: 0; + } +} + +@keyframes passing-reverse { + 0% { + transform: translateX(50%); + opacity: 0; + } + 50% { + transform: translateX(0%); + opacity: 1; + } + 100% { + transform: translateX(-50%); + opacity: 0; + } +} + +.faa-passing-reverse.animated, +.faa-passing-reverse.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-passing-reverse { + -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; +} + +@-webkit-keyframes passing { + 0% { + transform: translateX(-50%); + opacity: 0; + } + 50% { + transform: translateX(0%); + opacity: 1; + } + 100% { + transform: translateX(50%); + opacity: 0; + } +} + +@keyframes passing { + 0% { + transform: translateX(-50%); + opacity: 0; + } + 50% { + transform: translateX(0%); + opacity: 1; + } + 100% { + transform: translateX(50%); + opacity: 0; + } +} + +.faa-passing.animated, +.faa-passing.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-passing { + -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 { + -webkit-animation: passing 3s linear infinite; + animation: passing 3s linear infinite; +} + +@-webkit-keyframes pulse { + 0% { + transform: scale(1.1); + } + 50% { + transform: scale(0.8); + } + 100% { + transform: scale(1.1); + } +} + +@keyframes pulse { + 0% { + transform: scale(1.1); + } + 50% { + transform: scale(0.8); + } + 100% { + 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; +} + +.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; +} + +@-webkit-keyframes ring { + 0% { + transform: rotate(-15deg); + } + 2% { + transform: rotate(15deg); + } + 4% { + transform: rotate(-18deg); + } + 6% { + transform: rotate(18deg); + } + 8% { + transform: rotate(-22deg); + } + 10% { + transform: rotate(22deg); + } + 12% { + transform: rotate(-18deg); + } + 14% { + transform: rotate(18deg); + } + 16% { + transform: rotate(-12deg); + } + 18% { + transform: rotate(12deg); + } + 20%, 100% { + transform: rotate(0deg); + } +} + +@keyframes ring { + 0% { + transform: rotate(-15deg); + } + 2% { + transform: rotate(15deg); + } + 4% { + transform: rotate(-18deg); + } + 6% { + transform: rotate(18deg); + } + 8% { + transform: rotate(-22deg); + } + 10% { + transform: rotate(22deg); + } + 12% { + transform: rotate(-18deg); + } + 14% { + transform: rotate(18deg); + } + 16% { + transform: rotate(-12deg); + } + 18% { + transform: rotate(12deg); + } + 20%, 100% { + 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; +} + +.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; +} + +@-webkit-keyframes rising { + 0% { + transform: translateY(50%); + opacity: 0; + } + 50% { + transform: translateY(0%); + opacity: 1; + } + 100% { + transform: translateY(-50%); + opacity: 0; + } +} + +@keyframes rising { + 0% { + transform: translateY(50%); + opacity: 0; + } + 50% { + transform: translateY(0%); + opacity: 1; + } + 100% { + transform: translateY(-50%); + opacity: 0; + } +} + +.faa-rising.animated, +.faa-rising.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-rising { + -webkit-animation: rising 2s linear infinite; + animation: rising 2s linear infinite; +} + +.faa-rising.animated.faa-fast, +.faa-rising.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-rising.faa-fast { + -webkit-animation: rising 1s linear infinite; + animation: rising 1s linear infinite; +} + +.faa-rising.animated.faa-slow, +.faa-rising.animated-hover.faa-slow:hover, +.faa-parent.animated-hover:hover > .faa-rising.faa-slow { + -webkit-animation: rising 3s linear infinite; + animation: rising 3s linear infinite; +} + +.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; +} + +.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; +} + +@-webkit-keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + 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; +} + +.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; +} + +@-webkit-keyframes tada { + 0% { + transform: scale(1); + } + 10%, 20% { + transform: scale(0.9) rotate(-8deg); + } + 30%, 50%, 70% { + transform: scale(1.3) rotate(8deg); + } + 40%, 60% { + transform: scale(1.3) rotate(-8deg); + } + 80%, 100% { + transform: scale(1) rotate(0); + } +} + +@keyframes tada { + 0% { + transform: scale(1); + } + 10%, 20% { + transform: scale(0.9) rotate(-8deg); + } + 30%, 50%, 70% { + transform: scale(1.3) rotate(8deg); + } + 40%, 60% { + transform: scale(1.3) rotate(-8deg); + } + 80%, 100% { + 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; +} + +.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; +} + +@-webkit-keyframes vertical { + 0% { + transform: translate(0, -3px); + } + 4% { + transform: translate(0, 3px); + } + 8% { + transform: translate(0, -3px); + } + 12% { + transform: translate(0, 3px); + } + 16% { + transform: translate(0, -3px); + } + 20% { + transform: translate(0, 3px); + } + 22%, 100% { + transform: translate(0, 0); + } +} + +@keyframes vertical { + 0% { + transform: translate(0, -3px); + } + 4% { + transform: translate(0, 3px); + } + 8% { + transform: translate(0, -3px); + } + 12% { + transform: translate(0, 3px); + } + 16% { + transform: translate(0, -3px); + } + 20% { + transform: translate(0, 3px); + } + 22%, 100% { + 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; +} + +.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; +} + @-webkit-keyframes wrench { 0% { transform: rotate(-12deg); @@ -47,6 +822,7 @@ transform: rotate(0deg); } } + @keyframes wrench { 0% { transform: rotate(-12deg); @@ -118,781 +894,4 @@ -webkit-animation: wrench 3.7s ease infinite; animation: wrench 3.7s ease infinite; } - -/* BELL */ -@-webkit-keyframes ring { - 0% { - transform: rotate(-15deg); - } - 2% { - transform: rotate(15deg); - } - 4% { - transform: rotate(-18deg); - } - 6% { - transform: rotate(18deg); - } - 8% { - transform: rotate(-22deg); - } - 10% { - transform: rotate(22deg); - } - 12% { - transform: rotate(-18deg); - } - 14% { - transform: rotate(18deg); - } - 16% { - transform: rotate(-12deg); - } - 18% { - transform: rotate(12deg); - } - 20%, 100% { - transform: rotate(0deg); - } -} -@keyframes ring { - 0% { - transform: rotate(-15deg); - } - 2% { - transform: rotate(15deg); - } - 4% { - transform: rotate(-18deg); - } - 6% { - transform: rotate(18deg); - } - 8% { - transform: rotate(-22deg); - } - 10% { - transform: rotate(22deg); - } - 12% { - transform: rotate(-18deg); - } - 14% { - transform: rotate(18deg); - } - 16% { - transform: rotate(-12deg); - } - 18% { - transform: rotate(12deg); - } - 20%, 100% { - 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; -} - -.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; -} - -/* VERTICAL */ -@-webkit-keyframes vertical { - 0% { - transform: translate(0, -3px); - } - 4% { - transform: translate(0, 3px); - } - 8% { - transform: translate(0, -3px); - } - 12% { - transform: translate(0, 3px); - } - 16% { - transform: translate(0, -3px); - } - 20% { - transform: translate(0, 3px); - } - 22%, 100% { - transform: translate(0, 0); - } -} -@keyframes vertical { - 0% { - transform: translate(0, -3px); - } - 4% { - transform: translate(0, 3px); - } - 8% { - transform: translate(0, -3px); - } - 12% { - transform: translate(0, 3px); - } - 16% { - transform: translate(0, -3px); - } - 20% { - transform: translate(0, 3px); - } - 22%, 100% { - 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; -} - -.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; -} - -/* HORIZONTAL */ -@-webkit-keyframes horizontal { - 0% { - transform: translate(0, 0); - } - 6% { - transform: translate(5px, 0); - } - 12% { - transform: translate(0, 0); - } - 18% { - transform: translate(5px, 0); - } - 24% { - transform: translate(0, 0); - } - 30% { - transform: translate(5px, 0); - } - 36%, 100% { - transform: translate(0, 0); - } -} -@keyframes horizontal { - 0% { - transform: translate(0, 0); - } - 6% { - transform: translate(5px, 0); - } - 12% { - transform: translate(0, 0); - } - 18% { - transform: translate(5px, 0); - } - 24% { - transform: translate(0, 0); - } - 30% { - transform: translate(5px, 0); - } - 36%, 100% { - 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; -} - -.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; -} - -/* 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; -} - -.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; -} - -/* BOUNCE */ -@-webkit-keyframes bounce { - 0%, 10%, 20%, 50%, 80%, 100% { - transform: translateY(0); - } - 40% { - transform: translateY(-15px); - } - 60% { - transform: translateY(-15px); - } -} -@keyframes bounce { - 0%, 10%, 20%, 50%, 80%, 100% { - transform: translateY(0); - } - 40% { - transform: translateY(-15px); - } - 60% { - 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; -} - -.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; -} - -/* SPIN */ -@-webkit-keyframes spin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(359deg); - } -} -@keyframes spin { - 0% { - transform: rotate(0deg); - } - 100% { - 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; -} - -.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; -} - -/* FLOAT */ -@-webkit-keyframes float { - 0% { - transform: translateY(0); - } - 50% { - transform: translateY(-6px); - } - 100% { - transform: translateY(0); - } -} -@keyframes float { - 0% { - transform: translateY(0); - } - 50% { - transform: translateY(-6px); - } - 100% { - 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; -} - -.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; -} - -/* PULSE */ -@-webkit-keyframes pulse { - 0% { - transform: scale(1.1); - } - 50% { - transform: scale(0.8); - } - 100% { - transform: scale(1.1); - } -} -@keyframes pulse { - 0% { - transform: scale(1.1); - } - 50% { - transform: scale(0.8); - } - 100% { - 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; -} - -.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; -} - -/* 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; -} - -.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; -} - -/* TADA */ -@-webkit-keyframes tada { - 0% { - transform: scale(1); - } - 10%, 20% { - transform: scale(0.9) rotate(-8deg); - } - 30%, 50%, 70% { - transform: scale(1.3) rotate(8deg); - } - 40%, 60% { - transform: scale(1.3) rotate(-8deg); - } - 80%, 100% { - transform: scale(1) rotate(0); - } -} -@keyframes tada { - 0% { - transform: scale(1); - } - 10%, 20% { - transform: scale(0.9) rotate(-8deg); - } - 30%, 50%, 70% { - transform: scale(1.3) rotate(8deg); - } - 40%, 60% { - transform: scale(1.3) rotate(-8deg); - } - 80%, 100% { - 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; -} - -.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; -} - -/* PASSING */ -@-webkit-keyframes passing { - 0% { - transform: translateX(-50%); - opacity: 0; - } - 50% { - transform: translateX(0%); - opacity: 1; - } - 100% { - transform: translateX(50%); - opacity: 0; - } -} -@keyframes passing { - 0% { - transform: translateX(-50%); - opacity: 0; - } - 50% { - transform: translateX(0%); - opacity: 1; - } - 100% { - transform: translateX(50%); - opacity: 0; - } -} - -.faa-passing.animated, -.faa-passing.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-passing { - -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 { - -webkit-animation: passing 3s linear infinite; - animation: passing 3s linear infinite; -} - -/* PASSING REVERSE */ -@-webkit-keyframes passing-reverse { - 0% { - transform: translateX(50%); - opacity: 0; - } - 50% { - transform: translateX(0%); - opacity: 1; - } - 100% { - transform: translateX(-50%); - opacity: 0; - } -} -@keyframes passing-reverse { - 0% { - transform: translateX(50%); - opacity: 0; - } - 50% { - transform: translateX(0%); - opacity: 1; - } - 100% { - transform: translateX(-50%); - opacity: 0; - } -} - -.faa-passing-reverse.animated, -.faa-passing-reverse.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-passing-reverse { - -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; -} - -/* BURST */ -@-webkit-keyframes burst { - 0% { - opacity: .6; - } - 50% { - transform: scale(1.8); - opacity: 0; - } - 100% { - opacity: 0; - } -} -@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 { - -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 { - -webkit-animation: burst 3s infinite linear; - animation: burst 3s infinite linear; -} - -/* FALLING */ -@-webkit-keyframes falling { - 0% { - transform: translateY(-50%); - opacity: 0; - } - 50% { - transform: translateY(0%); - opacity: 1; - } - 100% { - transform: translateY(50%); - opacity: 0; - } -} -@keyframes falling { - 0% { - transform: translateY(-50%); - opacity: 0; - } - 50% { - transform: translateY(0%); - opacity: 1; - } - 100% { - 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; -} - -/* RISING */ -@-webkit-keyframes rising { - 0% { - transform: translateY(50%); - opacity: 0; - } - 50% { - transform: translateY(0%); - opacity: 1; - } - 100% { - transform: translateY(-50%); - opacity: 0; - } -} -@keyframes rising { - 0% { - transform: translateY(50%); - opacity: 0; - } - 50% { - transform: translateY(0%); - opacity: 1; - } - 100% { - transform: translateY(-50%); - opacity: 0; - } -} - -.faa-rising.animated, -.faa-rising.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-rising { - -webkit-animation: rising 2s linear infinite; - animation: rising 2s linear infinite; -} - -.faa-rising.animated.faa-fast, -.faa-rising.animated-hover.faa-fast:hover, -.faa-parent.animated-hover:hover > .faa-rising.faa-fast { - -webkit-animation: rising 1s linear infinite; - animation: rising 1s linear infinite; -} - -.faa-rising.animated.faa-slow, -.faa-rising.animated-hover.faa-slow:hover, -.faa-parent.animated-hover:hover > .faa-rising.faa-slow { - -webkit-animation: rising 3s linear infinite; - animation: rising 3s linear infinite; -} /*# sourceMappingURL=font-awesome-animation.css.map */ \ No newline at end of file diff --git a/css/font-awesome-animation.css.map b/css/font-awesome-animation.css.map index 7a9466c..bffa726 100644 --- a/css/font-awesome-animation.css.map +++ b/css/font-awesome-animation.css.map @@ -1 +1 @@ -{"version":3,"sources":["../scss/font-awesome-animation.scss","font-awesome-animation.css"],"names":[],"mappings":"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","file":"font-awesome-animation.css"} \ No newline at end of file +{"version":3,"sources":["../scss/bounce.scss","font-awesome-animation.css","../scss/burst.scss","../scss/falling.scss","../scss/flash.scss","../scss/float.scss","../scss/horizontal.scss","../scss/passing-reverse.scss","../scss/passing.scss","../scss/pulse.scss","../scss/ring.scss","../scss/rising.scss","../scss/shake.scss","../scss/spin.scss","../scss/tada.scss","../scss/vertical.scss","../scss/wrench.scss"],"names":[],"mappings":"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","file":"font-awesome-animation.css"} \ No newline at end of file diff --git a/css/font-awesome-animation.min.css b/css/font-awesome-animation.min.css index 93e4b57..757d246 100644 --- a/css/font-awesome-animation.min.css +++ b/css/font-awesome-animation.min.css @@ -1,2 +1,2 @@ /*! font-awesome-animation v0.4.2 | MIT License | https://github.com/l-lin/font-awesome-animation */ -@-webkit-keyframes wrench{0%{transform:rotate(-12deg)}8%{transform:rotate(12deg)}10%{transform:rotate(24deg)}18%{transform:rotate(-24deg)}20%{transform:rotate(-24deg)}28%{transform:rotate(24deg)}30%{transform:rotate(24deg)}38%{transform:rotate(-24deg)}40%{transform:rotate(-24deg)}48%{transform:rotate(24deg)}50%{transform:rotate(24deg)}58%{transform:rotate(-24deg)}60%{transform:rotate(-24deg)}68%{transform:rotate(24deg)}100%,75%{transform:rotate(0)}}@keyframes wrench{0%{transform:rotate(-12deg)}8%{transform:rotate(12deg)}10%{transform:rotate(24deg)}18%{transform:rotate(-24deg)}20%{transform:rotate(-24deg)}28%{transform:rotate(24deg)}30%{transform:rotate(24deg)}38%{transform:rotate(-24deg)}40%{transform:rotate(-24deg)}48%{transform:rotate(24deg)}50%{transform:rotate(24deg)}58%{transform:rotate(-24deg)}60%{transform:rotate(-24deg)}68%{transform:rotate(24deg)}100%,75%{transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-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}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes ring{0%{transform:rotate(-15deg)}2%{transform:rotate(15deg)}4%{transform:rotate(-18deg)}6%{transform:rotate(18deg)}8%{transform:rotate(-22deg)}10%{transform:rotate(22deg)}12%{transform:rotate(-18deg)}14%{transform:rotate(18deg)}16%{transform:rotate(-12deg)}18%{transform:rotate(12deg)}100%,20%{transform:rotate(0)}}@keyframes ring{0%{transform:rotate(-15deg)}2%{transform:rotate(15deg)}4%{transform:rotate(-18deg)}6%{transform:rotate(18deg)}8%{transform:rotate(-22deg)}10%{transform:rotate(22deg)}12%{transform:rotate(-18deg)}14%{transform:rotate(18deg)}16%{transform:rotate(-12deg)}18%{transform:rotate(12deg)}100%,20%{transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-ring,.faa-ring.animated,.faa-ring.animated-hover:hover{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-ring.faa-fast,.faa-ring.animated-hover.faa-fast:hover,.faa-ring.animated.faa-fast{-webkit-animation:ring 1s ease infinite;animation:ring 1s ease infinite}.faa-parent.animated-hover:hover>.faa-ring.faa-slow,.faa-ring.animated-hover.faa-slow:hover,.faa-ring.animated.faa-slow{-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}@-webkit-keyframes vertical{0%{transform:translate(0,-3px)}4%{transform:translate(0,3px)}8%{transform:translate(0,-3px)}12%{transform:translate(0,3px)}16%{transform:translate(0,-3px)}20%{transform:translate(0,3px)}100%,22%{transform:translate(0,0)}}@keyframes vertical{0%{transform:translate(0,-3px)}4%{transform:translate(0,3px)}8%{transform:translate(0,-3px)}12%{transform:translate(0,3px)}16%{transform:translate(0,-3px)}20%{transform:translate(0,3px)}100%,22%{transform:translate(0,0)}}.faa-parent.animated-hover:hover>.faa-vertical,.faa-vertical.animated,.faa-vertical.animated-hover:hover{-webkit-animation:vertical 2s ease infinite;animation:vertical 2s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,.faa-vertical.animated-hover.faa-fast:hover,.faa-vertical.animated.faa-fast{-webkit-animation:vertical 1s ease infinite;animation:vertical 1s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,.faa-vertical.animated-hover.faa-slow:hover,.faa-vertical.animated.faa-slow{-webkit-animation:vertical 4s ease infinite;animation:vertical 4s ease infinite}@-webkit-keyframes horizontal{0%{transform:translate(0,0)}6%{transform:translate(5px,0)}12%{transform:translate(0,0)}18%{transform:translate(5px,0)}24%{transform:translate(0,0)}30%{transform:translate(5px,0)}100%,36%{transform:translate(0,0)}}@keyframes horizontal{0%{transform:translate(0,0)}6%{transform:translate(5px,0)}12%{transform:translate(0,0)}18%{transform:translate(5px,0)}24%{transform:translate(0,0)}30%{transform:translate(5px,0)}100%,36%{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}.faa-horizontal.animated-hover.faa-fast:hover,.faa-horizontal.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast{-webkit-animation:horizontal 1s ease infinite;animation:horizontal 1s ease infinite}.faa-horizontal.animated-hover.faa-slow:hover,.faa-horizontal.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow{-webkit-animation:horizontal 3s ease infinite;animation:horizontal 3s ease infinite}@-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}.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}@-webkit-keyframes bounce{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-15px)}}@keyframes bounce{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-15px)}60%{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}.faa-bounce.animated-hover.faa-fast:hover,.faa-bounce.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-fast{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.faa-bounce.animated-hover.faa-slow:hover,.faa-bounce.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-slow{-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}.faa-parent.animated-hover:hover>.faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-fast,.faa-spin.animated-hover.faa-fast:hover,.faa-spin.animated.faa-fast{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-slow,.faa-spin.animated-hover.faa-slow:hover,.faa-spin.animated.faa-slow{-webkit-animation:spin 2.2s linear infinite;animation:spin 2.2s linear infinite}@-webkit-keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{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}.faa-float.animated-hover.faa-fast:hover,.faa-float.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-float.faa-fast{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.faa-float.animated-hover.faa-slow:hover,.faa-float.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-float.faa-slow{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@-webkit-keyframes pulse{0%{transform:scale(1.1)}50%{transform:scale(.8)}100%{transform:scale(1.1)}}@keyframes pulse{0%{transform:scale(1.1)}50%{transform:scale(.8)}100%{transform:scale(1.1)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite}.faa-parent.animated-hover:hover>.faa-shake,.faa-shake.animated,.faa-shake.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-fast,.faa-shake.animated-hover.faa-fast:hover,.faa-shake.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-slow,.faa-shake.animated-hover.faa-slow:hover,.faa-shake.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-8deg)}30%,50%,70%{transform:scale(1.3) rotate(8deg)}40%,60%{transform:scale(1.3) rotate(-8deg)}100%,80%{transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-8deg)}30%,50%,70%{transform:scale(1.3) rotate(8deg)}40%,60%{transform:scale(1.3) rotate(-8deg)}100%,80%{transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}@-webkit-keyframes passing{0%{transform:translateX(-50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(50%);opacity:0}}@keyframes passing{0%{transform:translateX(-50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing,.faa-passing.animated,.faa-passing.animated-hover:hover{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-fast,.faa-passing.animated-hover.faa-fast:hover,.faa-passing.animated.faa-fast{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-slow,.faa-passing.animated-hover.faa-slow:hover,.faa-passing.animated.faa-slow{-webkit-animation:passing 3s linear infinite;animation:passing 3s linear infinite}@-webkit-keyframes passing-reverse{0%{transform:translateX(50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(-50%);opacity:0}}@keyframes passing-reverse{0%{transform:translateX(50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing-reverse,.faa-passing-reverse.animated,.faa-passing-reverse.animated-hover:hover{-webkit-animation:passing-reverse 2s linear infinite;animation:passing-reverse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-fast,.faa-passing-reverse.animated-hover.faa-fast:hover,.faa-passing-reverse.animated.faa-fast{-webkit-animation:passing-reverse 1s linear infinite;animation:passing-reverse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-slow,.faa-passing-reverse.animated-hover.faa-slow:hover,.faa-passing-reverse.animated.faa-slow{-webkit-animation:passing-reverse 3s linear infinite;animation:passing-reverse 3s linear infinite}@-webkit-keyframes burst{0%{opacity:.6}50%{transform:scale(1.8);opacity:0}100%{opacity:0}}@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{-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}.faa-burst.animated-hover.faa-fast:hover,.faa-burst.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-burst.faa-fast{-webkit-animation:burst 1s infinite linear;animation:burst 1s infinite linear}.faa-burst.animated-hover.faa-slow:hover,.faa-burst.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-burst.faa-slow{-webkit-animation:burst 3s infinite linear;animation:burst 3s infinite linear}@-webkit-keyframes falling{0%{transform:translateY(-50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(50%);opacity:0}}@keyframes falling{0%{transform:translateY(-50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{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-hover.faa-fast:hover,.faa-falling.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-falling.faa-fast{-webkit-animation:falling 1s linear infinite;animation:falling 1s linear infinite}.faa-falling.animated-hover.faa-slow:hover,.faa-falling.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-falling.faa-slow{-webkit-animation:falling 3s linear infinite;animation:falling 3s linear infinite}@-webkit-keyframes rising{0%{transform:translateY(50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(-50%);opacity:0}}@keyframes rising{0%{transform:translateY(50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-rising,.faa-rising.animated,.faa-rising.animated-hover:hover{-webkit-animation:rising 2s linear infinite;animation:rising 2s linear infinite}.faa-parent.animated-hover:hover>.faa-rising.faa-fast,.faa-rising.animated-hover.faa-fast:hover,.faa-rising.animated.faa-fast{-webkit-animation:rising 1s linear infinite;animation:rising 1s linear infinite}.faa-parent.animated-hover:hover>.faa-rising.faa-slow,.faa-rising.animated-hover.faa-slow:hover,.faa-rising.animated.faa-slow{-webkit-animation:rising 3s linear infinite;animation:rising 3s linear infinite} \ No newline at end of file +@-webkit-keyframes bounce{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-15px)}}@keyframes bounce{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-15px)}60%{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}.faa-bounce.animated-hover.faa-fast:hover,.faa-bounce.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-fast{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.faa-bounce.animated-hover.faa-slow:hover,.faa-bounce.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-slow{-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}@-webkit-keyframes burst{0%{opacity:.6}50%{transform:scale(1.8);opacity:0}100%{opacity:0}}@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{-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}.faa-burst.animated-hover.faa-fast:hover,.faa-burst.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-burst.faa-fast{-webkit-animation:burst 1s infinite linear;animation:burst 1s infinite linear}.faa-burst.animated-hover.faa-slow:hover,.faa-burst.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-burst.faa-slow{-webkit-animation:burst 3s infinite linear;animation:burst 3s infinite linear}@-webkit-keyframes falling{0%{transform:translateY(-50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(50%);opacity:0}}@keyframes falling{0%{transform:translateY(-50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{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-hover.faa-fast:hover,.faa-falling.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-falling.faa-fast{-webkit-animation:falling 1s linear infinite;animation:falling 1s linear infinite}.faa-falling.animated-hover.faa-slow:hover,.faa-falling.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-falling.faa-slow{-webkit-animation:falling 3s linear infinite;animation:falling 3s linear infinite}@-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}.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}@-webkit-keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{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}.faa-float.animated-hover.faa-fast:hover,.faa-float.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-float.faa-fast{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.faa-float.animated-hover.faa-slow:hover,.faa-float.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-float.faa-slow{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@-webkit-keyframes horizontal{0%{transform:translate(0,0)}6%{transform:translate(5px,0)}12%{transform:translate(0,0)}18%{transform:translate(5px,0)}24%{transform:translate(0,0)}30%{transform:translate(5px,0)}100%,36%{transform:translate(0,0)}}@keyframes horizontal{0%{transform:translate(0,0)}6%{transform:translate(5px,0)}12%{transform:translate(0,0)}18%{transform:translate(5px,0)}24%{transform:translate(0,0)}30%{transform:translate(5px,0)}100%,36%{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}.faa-horizontal.animated-hover.faa-fast:hover,.faa-horizontal.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast{-webkit-animation:horizontal 1s ease infinite;animation:horizontal 1s ease infinite}.faa-horizontal.animated-hover.faa-slow:hover,.faa-horizontal.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow{-webkit-animation:horizontal 3s ease infinite;animation:horizontal 3s ease infinite}@-webkit-keyframes passing-reverse{0%{transform:translateX(50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(-50%);opacity:0}}@keyframes passing-reverse{0%{transform:translateX(50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing-reverse,.faa-passing-reverse.animated,.faa-passing-reverse.animated-hover:hover{-webkit-animation:passing-reverse 2s linear infinite;animation:passing-reverse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-fast,.faa-passing-reverse.animated-hover.faa-fast:hover,.faa-passing-reverse.animated.faa-fast{-webkit-animation:passing-reverse 1s linear infinite;animation:passing-reverse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-slow,.faa-passing-reverse.animated-hover.faa-slow:hover,.faa-passing-reverse.animated.faa-slow{-webkit-animation:passing-reverse 3s linear infinite;animation:passing-reverse 3s linear infinite}@-webkit-keyframes passing{0%{transform:translateX(-50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(50%);opacity:0}}@keyframes passing{0%{transform:translateX(-50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing,.faa-passing.animated,.faa-passing.animated-hover:hover{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-fast,.faa-passing.animated-hover.faa-fast:hover,.faa-passing.animated.faa-fast{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-slow,.faa-passing.animated-hover.faa-slow:hover,.faa-passing.animated.faa-slow{-webkit-animation:passing 3s linear infinite;animation:passing 3s linear infinite}@-webkit-keyframes pulse{0%{transform:scale(1.1)}50%{transform:scale(.8)}100%{transform:scale(1.1)}}@keyframes pulse{0%{transform:scale(1.1)}50%{transform:scale(.8)}100%{transform:scale(1.1)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite}@-webkit-keyframes ring{0%{transform:rotate(-15deg)}2%{transform:rotate(15deg)}4%{transform:rotate(-18deg)}6%{transform:rotate(18deg)}8%{transform:rotate(-22deg)}10%{transform:rotate(22deg)}12%{transform:rotate(-18deg)}14%{transform:rotate(18deg)}16%{transform:rotate(-12deg)}18%{transform:rotate(12deg)}100%,20%{transform:rotate(0)}}@keyframes ring{0%{transform:rotate(-15deg)}2%{transform:rotate(15deg)}4%{transform:rotate(-18deg)}6%{transform:rotate(18deg)}8%{transform:rotate(-22deg)}10%{transform:rotate(22deg)}12%{transform:rotate(-18deg)}14%{transform:rotate(18deg)}16%{transform:rotate(-12deg)}18%{transform:rotate(12deg)}100%,20%{transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-ring,.faa-ring.animated,.faa-ring.animated-hover:hover{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-ring.faa-fast,.faa-ring.animated-hover.faa-fast:hover,.faa-ring.animated.faa-fast{-webkit-animation:ring 1s ease infinite;animation:ring 1s ease infinite}.faa-parent.animated-hover:hover>.faa-ring.faa-slow,.faa-ring.animated-hover.faa-slow:hover,.faa-ring.animated.faa-slow{-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}@-webkit-keyframes rising{0%{transform:translateY(50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(-50%);opacity:0}}@keyframes rising{0%{transform:translateY(50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-rising,.faa-rising.animated,.faa-rising.animated-hover:hover{-webkit-animation:rising 2s linear infinite;animation:rising 2s linear infinite}.faa-parent.animated-hover:hover>.faa-rising.faa-fast,.faa-rising.animated-hover.faa-fast:hover,.faa-rising.animated.faa-fast{-webkit-animation:rising 1s linear infinite;animation:rising 1s linear infinite}.faa-parent.animated-hover:hover>.faa-rising.faa-slow,.faa-rising.animated-hover.faa-slow:hover,.faa-rising.animated.faa-slow{-webkit-animation:rising 3s linear infinite;animation:rising 3s linear infinite}.faa-parent.animated-hover:hover>.faa-shake,.faa-shake.animated,.faa-shake.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-fast,.faa-shake.animated-hover.faa-fast:hover,.faa-shake.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-slow,.faa-shake.animated-hover.faa-slow:hover,.faa-shake.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}.faa-parent.animated-hover:hover>.faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-fast,.faa-spin.animated-hover.faa-fast:hover,.faa-spin.animated.faa-fast{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-slow,.faa-spin.animated-hover.faa-slow:hover,.faa-spin.animated.faa-slow{-webkit-animation:spin 2.2s linear infinite;animation:spin 2.2s linear infinite}@-webkit-keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-8deg)}30%,50%,70%{transform:scale(1.3) rotate(8deg)}40%,60%{transform:scale(1.3) rotate(-8deg)}100%,80%{transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-8deg)}30%,50%,70%{transform:scale(1.3) rotate(8deg)}40%,60%{transform:scale(1.3) rotate(-8deg)}100%,80%{transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}@-webkit-keyframes vertical{0%{transform:translate(0,-3px)}4%{transform:translate(0,3px)}8%{transform:translate(0,-3px)}12%{transform:translate(0,3px)}16%{transform:translate(0,-3px)}20%{transform:translate(0,3px)}100%,22%{transform:translate(0,0)}}@keyframes vertical{0%{transform:translate(0,-3px)}4%{transform:translate(0,3px)}8%{transform:translate(0,-3px)}12%{transform:translate(0,3px)}16%{transform:translate(0,-3px)}20%{transform:translate(0,3px)}100%,22%{transform:translate(0,0)}}.faa-parent.animated-hover:hover>.faa-vertical,.faa-vertical.animated,.faa-vertical.animated-hover:hover{-webkit-animation:vertical 2s ease infinite;animation:vertical 2s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,.faa-vertical.animated-hover.faa-fast:hover,.faa-vertical.animated.faa-fast{-webkit-animation:vertical 1s ease infinite;animation:vertical 1s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,.faa-vertical.animated-hover.faa-slow:hover,.faa-vertical.animated.faa-slow{-webkit-animation:vertical 4s ease infinite;animation:vertical 4s ease infinite}@-webkit-keyframes wrench{0%{transform:rotate(-12deg)}8%{transform:rotate(12deg)}10%{transform:rotate(24deg)}18%{transform:rotate(-24deg)}20%{transform:rotate(-24deg)}28%{transform:rotate(24deg)}30%{transform:rotate(24deg)}38%{transform:rotate(-24deg)}40%{transform:rotate(-24deg)}48%{transform:rotate(24deg)}50%{transform:rotate(24deg)}58%{transform:rotate(-24deg)}60%{transform:rotate(-24deg)}68%{transform:rotate(24deg)}100%,75%{transform:rotate(0)}}@keyframes wrench{0%{transform:rotate(-12deg)}8%{transform:rotate(12deg)}10%{transform:rotate(24deg)}18%{transform:rotate(-24deg)}20%{transform:rotate(-24deg)}28%{transform:rotate(24deg)}30%{transform:rotate(24deg)}38%{transform:rotate(-24deg)}40%{transform:rotate(-24deg)}48%{transform:rotate(24deg)}50%{transform:rotate(24deg)}58%{transform:rotate(-24deg)}60%{transform:rotate(-24deg)}68%{transform:rotate(24deg)}100%,75%{transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-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}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite} \ No newline at end of file diff --git a/font-awesome-animation.scss b/font-awesome-animation.scss new file mode 100644 index 0000000..9585b0a --- /dev/null +++ b/font-awesome-animation.scss @@ -0,0 +1,16 @@ +@import 'scss/bounce'; +@import 'scss/burst'; +@import 'scss/falling'; +@import 'scss/flash'; +@import 'scss/float'; +@import 'scss/horizontal'; +@import 'scss/passing-reverse'; +@import 'scss/passing'; +@import 'scss/pulse'; +@import 'scss/ring'; +@import 'scss/rising'; +@import 'scss/shake'; +@import 'scss/spin'; +@import 'scss/tada'; +@import 'scss/vertical'; +@import 'scss/wrench'; diff --git a/package.json b/package.json index 5512f29..1e138a0 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,7 @@ "dependencies": {}, "author": "l-lin", "license": "MIT", - "main": "sass/$npm_package_name.sass", + "main": "$npm_package_name.scss", "repository": { "type": "git", "url": "git+https://github.com/l-lin/font-awesome-animation.git" @@ -27,13 +27,14 @@ "node": ">=12.0.0" }, "scripts": { - "build": "npm run clean && npm run build:sass && npm run build:autoprefixer && npm run build:cleancss && npm run generate:banner && npm run concat:banner", + "build": "npm run clean && npm run generate:main && npm run build:sass && npm run build:autoprefixer && npm run build:cleancss && npm run generate:banner && npm run concat:banner", "build:autoprefixer": "postcss --use autoprefixer --map false --output css/$npm_package_name.css css/$npm_package_name.css", "build:cleancss": "cleancss -o css/$npm_package_name.min.css css/$npm_package_name.css", - "build:sass": "node-sass --output-style expanded --source-map true scss/font-awesome-animation.scss css/font-awesome-animation.css", + "build:sass": "node-sass --output-style expanded --source-map true $npm_package_name.scss css/$npm_package_name.css", "clean": "rimraf -f build css", "concat:banner": "concat build/banner.css css/$npm_package_name.css -o css/$npm_package_name.css && concat build/banner.css css/$npm_package_name.min.css -o css/$npm_package_name.min.css", "generate:banner": "mkdir -p build && node scripts/generate_banner.js build/banner.css", + "generate:main": "node scripts/generate_main.js scss $npm_package_name.scss", "version": "npm run build", "postversion": "git push && git push --tags" }, diff --git a/scripts/generate_banner.js b/scripts/generate_banner.js index ba2a2ca..4bc2bfb 100644 --- a/scripts/generate_banner.js +++ b/scripts/generate_banner.js @@ -2,12 +2,13 @@ const Handlebars = require('handlebars'); const fs = require('fs'); const pjson = require('../package.json'); +const parameters = process.argv.slice(2); +const outputFilePath = parameters[0]; + +console.debug(''); const template = Handlebars.compile('/*! {{ name }} v{{ version }} | MIT License | https://github.com/{{ author }}/{{ name }} */'); - const result = template(pjson); -const outputFilePath = process.argv.slice(1)[1]; - fs.writeFile(outputFilePath, result, err => { if (err) { console.log(err); diff --git a/scripts/generate_main.js b/scripts/generate_main.js new file mode 100644 index 0000000..8dd0641 --- /dev/null +++ b/scripts/generate_main.js @@ -0,0 +1,22 @@ +const Handlebars = require('handlebars'); +const fs = require('fs'); + +const parameters = process.argv.slice(2); +const inputFolderFilePath = parameters[0]; +const outputFilePath = parameters[1]; + +console.debug('Reading ' + inputFolderFilePath + ' folder to generate into ' + outputFilePath); + +const files = fs.readdirSync(inputFolderFilePath); +let model = {}; +model.files = files.map(file => file.replace('.scss', '')); +const template = Handlebars.compile('{{#each files}}@import \'scss/{{this}}\';\n{{/each}}'); +const result = template(model); + +fs.writeFile(outputFilePath, result, err => { + if (err) { + console.log(err); + process.exit(1); + } +}); + diff --git a/scss/bounce.scss b/scss/bounce.scss new file mode 100644 index 0000000..43b7bea --- /dev/null +++ b/scss/bounce.scss @@ -0,0 +1,26 @@ +@keyframes bounce { + 0%,10%,20%,50%,80%,100% { + transform:translateY(0); + } + 40% { + transform:translateY(-15px); + } + 60% { + transform:translateY(-15px); + } +} +.faa-bounce.animated, +.faa-bounce.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-bounce { + animation: bounce 2s ease infinite; +} +.faa-bounce.animated.faa-fast, +.faa-bounce.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-bounce.faa-fast { + 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 { + animation: bounce 3s ease infinite; +} diff --git a/scss/burst.scss b/scss/burst.scss new file mode 100644 index 0000000..393791b --- /dev/null +++ b/scss/burst.scss @@ -0,0 +1,27 @@ +@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 { + 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 { + 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 { + animation: burst 3s infinite linear; +} diff --git a/scss/falling.scss b/scss/falling.scss new file mode 100644 index 0000000..e313c14 --- /dev/null +++ b/scss/falling.scss @@ -0,0 +1,29 @@ +@keyframes falling { + 0% { + transform:translateY(-50%); + opacity:0; + } + 50% { + transform:translateY(0%); + opacity:1; + } + 100% { + transform:translateY(50%); + opacity:0; + } +} +.faa-falling.animated, +.faa-falling.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-falling { + 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 { + 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 { + animation: falling 3s linear infinite; +} diff --git a/scss/flash.scss b/scss/flash.scss new file mode 100644 index 0000000..35202be --- /dev/null +++ b/scss/flash.scss @@ -0,0 +1,24 @@ +@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 { + animation: flash 2s 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 1s 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 3s ease infinite; +} diff --git a/scss/float.scss b/scss/float.scss new file mode 100644 index 0000000..a41d6e6 --- /dev/null +++ b/scss/float.scss @@ -0,0 +1,26 @@ +@keyframes float{ + 0% { + transform: translateY(0); + } + 50% { + transform: translateY(-6px); + } + 100% { + transform: translateY(0); + } +} +.faa-float.animated, +.faa-float.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-float { + animation: float 2s linear infinite; +} +.faa-float.animated.faa-fast, +.faa-float.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-float.faa-fast { + 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 { + animation: float 3s linear infinite; +} diff --git a/scss/font-awesome-animation.scss b/scss/font-awesome-animation.scss deleted file mode 100644 index 6189775..0000000 --- a/scss/font-awesome-animation.scss +++ /dev/null @@ -1,385 +0,0 @@ -/* WRENCHING */ -@keyframes wrench { - 0%{transform:rotate(-12deg)} - 8%{transform:rotate(12deg)} - 10%{transform:rotate(24deg)} - 18%{transform:rotate(-24deg)} - 20%{transform:rotate(-24deg)} - 28%{transform:rotate(24deg)} - 30%{transform:rotate(24deg)} - 38%{transform:rotate(-24deg)} - 40%{transform:rotate(-24deg)} - 48%{transform:rotate(24deg)} - 50%{transform:rotate(24deg)} - 58%{transform:rotate(-24deg)} - 60%{transform:rotate(-24deg)} - 68%{transform:rotate(24deg)} - 75%,100%{transform:rotate(0deg)} -} -.faa-wrench.animated, -.faa-wrench.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-wrench { - animation: wrench 2.5s ease infinite; - transform-origin-x: 90%; - transform-origin-y: 35%; - transform-origin-z: initial; -} -.faa-wrench.animated.faa-fast, -.faa-wrench.animated-hover.faa-fast:hover, -.faa-parent.animated-hover:hover > .faa-wrench.faa-fast { - 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 { - animation: wrench 3.7s ease infinite; -} - -/* BELL */ -@keyframes ring { - 0%{transform:rotate(-15deg)} - 2%{transform:rotate(15deg)} - 4%{transform:rotate(-18deg)} - 6%{transform:rotate(18deg)} - 8%{transform:rotate(-22deg)} - 10%{transform:rotate(22deg)} - 12%{transform:rotate(-18deg)} - 14%{transform:rotate(18deg)} - 16%{transform:rotate(-12deg)} - 18%{transform:rotate(12deg)} - 20%,100%{transform:rotate(0deg)} -} -.faa-ring.animated, -.faa-ring.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-ring { - animation: ring 2s ease infinite; - transform-origin-x: 50%; - transform-origin-y: 0px; - transform-origin-z: initial; -} -.faa-ring.animated.faa-fast, -.faa-ring.animated-hover.faa-fast:hover, -.faa-parent.animated-hover:hover > .faa-ring.faa-fast { - 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 { - animation: ring 3s ease infinite; -} - -/* VERTICAL */ -@keyframes vertical { - 0%{transform:translate(0,-3px)} - 4%{transform:translate(0,3px)} - 8%{transform:translate(0,-3px)} - 12%{transform:translate(0,3px)} - 16%{transform:translate(0,-3px)} - 20%{transform:translate(0,3px)} - 22%,100%{transform:translate(0,0)} -} -.faa-vertical.animated, -.faa-vertical.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-vertical { - animation: vertical 2s ease infinite; -} -.faa-vertical.animated.faa-fast, -.faa-vertical.animated-hover.faa-fast:hover, -.faa-parent.animated-hover:hover > .faa-vertical.faa-fast { - 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 { - animation: vertical 4s ease infinite; -} - -/* HORIZONTAL */ -@keyframes horizontal { - 0%{transform:translate(0,0)} - 6%{transform:translate(5px,0)} - 12%{transform:translate(0,0)} - 18%{transform:translate(5px,0)} - 24%{transform:translate(0,0)} - 30%{transform:translate(5px,0)} - 36%,100%{transform:translate(0,0)} -} -.faa-horizontal.animated, -.faa-horizontal.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-horizontal { - animation: horizontal 2s ease infinite; -} -.faa-horizontal.animated.faa-fast, -.faa-horizontal.animated-hover.faa-fast:hover, -.faa-parent.animated-hover:hover > .faa-horizontal.faa-fast { - 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 { - animation: horizontal 3s ease infinite; -} - -/* FLASHING */ -@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 { - animation: flash 2s 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 1s 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 3s ease infinite; -} - -/* BOUNCE */ -@keyframes bounce { - 0%,10%,20%,50%,80%,100%{transform:translateY(0)} - 40%{transform:translateY(-15px)} - 60%{transform:translateY(-15px)} -} -.faa-bounce.animated, -.faa-bounce.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-bounce { - animation: bounce 2s ease infinite; -} -.faa-bounce.animated.faa-fast, -.faa-bounce.animated-hover.faa-fast:hover, -.faa-parent.animated-hover:hover > .faa-bounce.faa-fast { - 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 { - animation: bounce 3s ease infinite; -} - -/* SPIN */ -@keyframes spin{ - 0%{transform:rotate(0deg)} - 100%{transform:rotate(359deg)} -} -.faa-spin.animated, -.faa-spin.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-spin { - animation: spin 1.5s linear infinite; -} -.faa-spin.animated.faa-fast, -.faa-spin.animated-hover.faa-fast:hover, -.faa-parent.animated-hover:hover > .faa-spin.faa-fast { - 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 { - animation: spin 2.2s linear infinite; -} - -/* FLOAT */ -@keyframes float{ - 0%{transform: translateY(0)} - 50%{transform: translateY(-6px)} - 100%{transform: translateY(0)} -} -.faa-float.animated, -.faa-float.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-float { - animation: float 2s linear infinite; -} -.faa-float.animated.faa-fast, -.faa-float.animated-hover.faa-fast:hover, -.faa-parent.animated-hover:hover > .faa-float.faa-fast { - 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 { - animation: float 3s linear infinite; -} - -/* PULSE */ -@keyframes pulse { - 0% {transform: scale(1.1)} - 50% {transform: scale(0.8)} - 100% {transform: scale(1.1)} -} -.faa-pulse.animated, -.faa-pulse.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-pulse { - animation: pulse 2s linear infinite; -} -.faa-pulse.animated.faa-fast, -.faa-pulse.animated-hover.faa-fast:hover, -.faa-parent.animated-hover:hover > .faa-pulse.faa-fast { - 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 { - animation: pulse 3s linear infinite; -} - -/* SHAKE */ -.faa-shake.animated, -.faa-shake.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-shake { - animation: wrench 2.5s ease infinite; -} -.faa-shake.animated.faa-fast, -.faa-shake.animated-hover.faa-fast:hover, -.faa-parent.animated-hover:hover > .faa-shake.faa-fast { - 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 { - animation: wrench 3.7s ease infinite; -} - -/* TADA */ -@keyframes tada { - 0% {transform: scale(1)} - 10%,20% {transform:scale(.9) rotate(-8deg);} - 30%,50%,70% {transform:scale(1.3) rotate(8deg)} - 40%,60% {transform:scale(1.3) rotate(-8deg)} - 80%,100% {transform:scale(1) rotate(0)} -} - -.faa-tada.animated, -.faa-tada.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-tada { - animation: tada 2s linear infinite; -} -.faa-tada.animated.faa-fast, -.faa-tada.animated-hover.faa-fast:hover, -.faa-parent.animated-hover:hover > .faa-tada.faa-fast { - 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 { - animation: tada 3s linear infinite; -} - -/* PASSING */ -@keyframes passing { - 0% {transform:translateX(-50%); opacity:0} - 50% {transform:translateX(0%); opacity:1} - 100% {transform:translateX(50%); opacity:0} -} - -.faa-passing.animated, -.faa-passing.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-passing { - 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 { - 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 { - animation: passing 3s linear infinite; -} - -/* PASSING REVERSE */ - -@keyframes passing-reverse { - 0% {transform:translateX(50%); opacity:0} - 50% {transform:translateX(0%); opacity:1} - 100% {transform:translateX(-50%); opacity:0} -} - -.faa-passing-reverse.animated, -.faa-passing-reverse.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-passing-reverse { - 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 { - 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 { - animation: passing-reverse 3s linear infinite; -} - -/* BURST */ -@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 { - 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 { - 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 { - animation: burst 3s infinite linear -} - -/* FALLING */ -@keyframes falling { - 0% {transform:translateY(-50%); opacity:0} - 50% {transform:translateY(0%); opacity:1} - 100% {transform:translateY(50%); opacity:0} -} -.faa-falling.animated, -.faa-falling.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-falling { - 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 { - 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 { - animation: falling 3s linear infinite; -} - -/* RISING */ -@keyframes rising { - 0% {transform:translateY(50%); opacity:0} - 50% {transform:translateY(0%); opacity:1} - 100% {transform:translateY(-50%); opacity:0} -} -.faa-rising.animated, -.faa-rising.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-rising { - animation: rising 2s linear infinite; -} -.faa-rising.animated.faa-fast, -.faa-rising.animated-hover.faa-fast:hover, -.faa-parent.animated-hover:hover > .faa-rising.faa-fast { - animation: rising 1s linear infinite; -} -.faa-rising.animated.faa-slow, -.faa-rising.animated-hover.faa-slow:hover, -.faa-parent.animated-hover:hover > .faa-rising.faa-slow { - animation: rising 3s linear infinite; -} - diff --git a/scss/horizontal.scss b/scss/horizontal.scss new file mode 100644 index 0000000..5cf4b81 --- /dev/null +++ b/scss/horizontal.scss @@ -0,0 +1,38 @@ +@keyframes horizontal { + 0% { + transform:translate(0,0); + } + 6% { + transform:translate(5px,0); + } + 12% { + transform:translate(0,0); + } + 18% { + transform:translate(5px,0); + } + 24% { + transform:translate(0,0); + } + 30% { + transform:translate(5px,0); + } + 36%,100% { + transform:translate(0,0); + } +} +.faa-horizontal.animated, +.faa-horizontal.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-horizontal { + animation: horizontal 2s ease infinite; +} +.faa-horizontal.animated.faa-fast, +.faa-horizontal.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-horizontal.faa-fast { + 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 { + animation: horizontal 3s ease infinite; +} diff --git a/scss/passing-reverse.scss b/scss/passing-reverse.scss new file mode 100644 index 0000000..6df0678 --- /dev/null +++ b/scss/passing-reverse.scss @@ -0,0 +1,29 @@ +@keyframes passing-reverse { + 0% { + transform:translateX(50%); + opacity:0; + } + 50% { + transform:translateX(0%); + opacity:1; + } + 100% { + transform:translateX(-50%); + opacity:0; + } +} +.faa-passing-reverse.animated, +.faa-passing-reverse.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-passing-reverse { + 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 { + 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 { + animation: passing-reverse 3s linear infinite; +} diff --git a/scss/passing.scss b/scss/passing.scss new file mode 100644 index 0000000..eb05121 --- /dev/null +++ b/scss/passing.scss @@ -0,0 +1,29 @@ +@keyframes passing { + 0% { + transform:translateX(-50%); + opacity:0; + } + 50% { + transform:translateX(0%); + opacity:1; + } + 100% { + transform:translateX(50%); + opacity:0; + } +} +.faa-passing.animated, +.faa-passing.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-passing { + 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 { + 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 { + animation: passing 3s linear infinite; +} diff --git a/scss/pulse.scss b/scss/pulse.scss new file mode 100644 index 0000000..7f1bdde --- /dev/null +++ b/scss/pulse.scss @@ -0,0 +1,26 @@ +@keyframes pulse { + 0% { + transform: scale(1.1); + } + 50% { + transform: scale(0.8); + } + 100% { + transform: scale(1.1); + } +} +.faa-pulse.animated, +.faa-pulse.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-pulse { + animation: pulse 2s linear infinite; +} +.faa-pulse.animated.faa-fast, +.faa-pulse.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-pulse.faa-fast { + 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 { + animation: pulse 3s linear infinite; +} diff --git a/scss/ring.scss b/scss/ring.scss new file mode 100644 index 0000000..980963a --- /dev/null +++ b/scss/ring.scss @@ -0,0 +1,53 @@ +@keyframes ring { + 0% { + transform:rotate(-15deg); + } + 2% { + transform:rotate(15deg); + } + 4% { + transform:rotate(-18deg); + } + 6% { + transform:rotate(18deg); + } + 8% { + transform:rotate(-22deg); + } + 10% { + transform:rotate(22deg); + } + 12% { + transform:rotate(-18deg); + } + 14% { + transform:rotate(18deg); + } + 16% { + transform:rotate(-12deg); + } + 18% { + transform:rotate(12deg); + } + 20%,100% { + transform:rotate(0deg); + } +} +.faa-ring.animated, +.faa-ring.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-ring { + animation: ring 2s ease infinite; + transform-origin-x: 50%; + transform-origin-y: 0px; + transform-origin-z: initial; +} +.faa-ring.animated.faa-fast, +.faa-ring.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-ring.faa-fast { + 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 { + animation: ring 3s ease infinite; +} diff --git a/scss/rising.scss b/scss/rising.scss new file mode 100644 index 0000000..5d2b42b --- /dev/null +++ b/scss/rising.scss @@ -0,0 +1,29 @@ +@keyframes rising { + 0% { + transform:translateY(50%); + opacity:0; + } + 50% { + transform:translateY(0%); + opacity:1; + } + 100% { + transform:translateY(-50%); + opacity:0; + } +} +.faa-rising.animated, +.faa-rising.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-rising { + animation: rising 2s linear infinite; +} +.faa-rising.animated.faa-fast, +.faa-rising.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-rising.faa-fast { + animation: rising 1s linear infinite; +} +.faa-rising.animated.faa-slow, +.faa-rising.animated-hover.faa-slow:hover, +.faa-parent.animated-hover:hover > .faa-rising.faa-slow { + animation: rising 3s linear infinite; +} diff --git a/scss/shake.scss b/scss/shake.scss new file mode 100644 index 0000000..e8ef8d7 --- /dev/null +++ b/scss/shake.scss @@ -0,0 +1,15 @@ +.faa-shake.animated, +.faa-shake.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-shake { + animation: wrench 2.5s ease infinite; +} +.faa-shake.animated.faa-fast, +.faa-shake.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-shake.faa-fast { + 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 { + animation: wrench 3.7s ease infinite; +} diff --git a/scss/spin.scss b/scss/spin.scss new file mode 100644 index 0000000..0c5c76c --- /dev/null +++ b/scss/spin.scss @@ -0,0 +1,23 @@ +@keyframes spin{ + 0% { + transform:rotate(0deg); + } + 100% { + transform:rotate(359deg); + } +} +.faa-spin.animated, +.faa-spin.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-spin { + animation: spin 1.5s linear infinite; +} +.faa-spin.animated.faa-fast, +.faa-spin.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-spin.faa-fast { + 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 { + animation: spin 2.2s linear infinite; +} diff --git a/scss/tada.scss b/scss/tada.scss new file mode 100644 index 0000000..c7edbc5 --- /dev/null +++ b/scss/tada.scss @@ -0,0 +1,32 @@ +@keyframes tada { + 0% { + transform: scale(1); + } + 10%,20% { + transform:scale(.9) rotate(-8deg);; + } + 30%,50%,70% { + transform:scale(1.3) rotate(8deg); + } + 40%,60% { + transform:scale(1.3) rotate(-8deg); + } + 80%,100% { + transform:scale(1) rotate(0); + } +} +.faa-tada.animated, +.faa-tada.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-tada { + animation: tada 2s linear infinite; +} +.faa-tada.animated.faa-fast, +.faa-tada.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-tada.faa-fast { + 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 { + animation: tada 3s linear infinite; +} diff --git a/scss/vertical.scss b/scss/vertical.scss new file mode 100644 index 0000000..ee714c3 --- /dev/null +++ b/scss/vertical.scss @@ -0,0 +1,38 @@ +@keyframes vertical { + 0% { + transform:translate(0,-3px); + } + 4% { + transform:translate(0,3px); + } + 8% { + transform:translate(0,-3px); + } + 12% { + transform:translate(0,3px); + } + 16% { + transform:translate(0,-3px); + } + 20% { + transform:translate(0,3px); + } + 22%,100% { + transform:translate(0,0); + } +} +.faa-vertical.animated, +.faa-vertical.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-vertical { + animation: vertical 2s ease infinite; +} +.faa-vertical.animated.faa-fast, +.faa-vertical.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-vertical.faa-fast { + 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 { + animation: vertical 4s ease infinite; +} diff --git a/scss/wrench.scss b/scss/wrench.scss new file mode 100644 index 0000000..d8586a8 --- /dev/null +++ b/scss/wrench.scss @@ -0,0 +1,65 @@ +@keyframes wrench { + 0% { + transform:rotate(-12deg); + } + 8% { + transform:rotate(12deg); + } + 10% { + transform:rotate(24deg); + } + 18% { + transform:rotate(-24deg); + } + 20% { + transform:rotate(-24deg); + } + 28% { + transform:rotate(24deg); + } + 30% { + transform:rotate(24deg); + } + 38% { + transform:rotate(-24deg); + } + 40% { + transform:rotate(-24deg); + } + 48% { + transform:rotate(24deg); + } + 50% { + transform:rotate(24deg); + } + 58% { + transform:rotate(-24deg); + } + 60% { + transform:rotate(-24deg); + } + 68% { + transform:rotate(24deg); + } + 75%,100% { + transform:rotate(0deg); + } +} +.faa-wrench.animated, +.faa-wrench.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-wrench { + animation: wrench 2.5s ease infinite; + transform-origin-x: 90%; + transform-origin-y: 35%; + transform-origin-z: initial; +} +.faa-wrench.animated.faa-fast, +.faa-wrench.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-wrench.faa-fast { + 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 { + animation: wrench 3.7s ease infinite; +}