Created
March 15, 2016 18:23
-
-
Save victorximenis/acdc709551f326e1b421 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .notification-shape { | |
| position: fixed; | |
| z-index: 1000; | |
| } | |
| .notification-shape svg { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| [class^="ns-effect-"].ns-other.ns-hide, | |
| [class*=" ns-effect-"].ns-other.ns-hide { | |
| -webkit-animation-direction: reverse; | |
| animation-direction: reverse; | |
| } | |
| /* Individual Effects */ | |
| /* Expand SVG corner */ | |
| .ns-effect-cornerexpand { | |
| width: 200px; | |
| min-height: 200px; | |
| background: #5a7d98; | |
| text-align: center; | |
| position: relative; | |
| z-index: 100; | |
| } | |
| .shape-box { | |
| top: 0; | |
| right: 0; | |
| width: 200px; | |
| min-height: 200px; | |
| } | |
| .shape-box path { | |
| fill: #3b5163; | |
| } | |
| .ns-effect-cornerexpand .icon { | |
| color: #5a7d98; | |
| background: #fff; | |
| display: block; | |
| width: 4em; | |
| height: 4em; | |
| line-height: 5.3; | |
| margin: 0.5em auto 1.25em; | |
| border-radius: 50%; | |
| } | |
| .ns-effect-cornerexpand .ns-close { | |
| top: 15px; | |
| right: 15px; | |
| } | |
| .ns-effect-cornerexpand .ns-close::before, | |
| .ns-effect-cornerexpand .ns-close::after { | |
| background: #3b5163; | |
| } | |
| .ns-effect-cornerexpand .ns-close:hover::before, | |
| .ns-effect-cornerexpand .ns-close:hover::after { | |
| background: #fff; | |
| } | |
| .ns-effect-cornerexpand a { | |
| color: #3b5163; | |
| opacity: 1; | |
| } | |
| .ns-effect-cornerexpand a:hover, | |
| .ns-effect-cornerexpand a:focus { | |
| color: #fff; | |
| } | |
| .ns-effect-cornerexpand.ns-show, | |
| .ns-effect-cornerexpand.ns-hide { | |
| -webkit-animation-name: animScale; | |
| animation-name: animScale; | |
| -webkit-animation-duration: 0.3s; | |
| animation-duration: 0.3s; | |
| } | |
| .ns-effect-cornerexpand.ns-show { | |
| opacity: 0; | |
| -webkit-animation-fill-mode: both; | |
| animation-fill-mode: both; | |
| -webkit-animation-delay: 0.2s; | |
| animation-delay: 0.2s; | |
| } | |
| @-webkit-keyframes animScale { | |
| 0% { opacity: 0; -webkit-transform: scale3d(0.4,0.4,1); } | |
| 100% { opacity: 1; -webkit-transform: scale3d(1,1,1); } | |
| } | |
| @keyframes animScale { | |
| 0% { opacity: 0; -webkit-transform: scale3d(0.4,0.4,1); transform: scale3d(0.4,0.4,1); } | |
| 100% { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } | |
| } | |
| /* SVG Windshield Wiper */ | |
| .ns-effect-loadingcircle { | |
| width: 250px; | |
| height: 70px; | |
| border: 5px solid #fff; | |
| border-radius: 40px; | |
| background: #fff; | |
| font-weight: 700; | |
| padding: 0.75em 1.5em 0; | |
| position: relative; | |
| z-index: 100; | |
| } | |
| .ns-effect-loadingcircle .ns-close { | |
| border: 2px solid #ddd; | |
| border-radius: 50%; | |
| top: 50%; | |
| right: 15px; | |
| -webkit-transform: translate3d(0,-50%,0); | |
| transform: translate3d(0,-50%,0); | |
| } | |
| .ns-effect-loadingcircle .ns-close::before, | |
| .ns-effect-loadingcircle .ns-close::after { | |
| background: #ddd; | |
| } | |
| .ns-effect-loadingcircle .ns-close:hover::before, | |
| .ns-effect-loadingcircle .ns-close:hover::after { | |
| background: #72BF7B; | |
| } | |
| .ns-effect-loadingcircle .ns-box-inner { | |
| color: #72BF7B; | |
| } | |
| .shape-progress { | |
| bottom: 40px; | |
| left: 40px; | |
| } | |
| .shape-progress svg { | |
| width: 70px; | |
| height: 70px; | |
| left: 0; | |
| top: 0; | |
| z-index: 100; | |
| } | |
| .shape-progress path { | |
| fill: none; | |
| stroke: #fff; | |
| stroke-width: 5; | |
| stroke-dasharray: 204; | |
| stroke-dashoffset: 204; | |
| opacity: 0; | |
| } | |
| .ns-effect-loadingcircle.ns-show + svg path { | |
| -webkit-animation: animDash 3s; | |
| animation: animDash 3s; | |
| } | |
| @-webkit-keyframes animDash { | |
| 0% { opacity: 1; stroke-dashoffset: 204; } | |
| 33% { stroke-dashoffset: 160; } | |
| 50% { stroke-dashoffset: 150; } | |
| 85% { stroke-dashoffset: 30; } | |
| 100% { opacity: 1; stroke-dashoffset: 0; } | |
| } | |
| @keyframes animDash { | |
| 0% { opacity: 1; stroke-dashoffset: 204; } | |
| 33% { stroke-dashoffset: 160; } | |
| 50% { stroke-dashoffset: 150; } | |
| 85% { stroke-dashoffset: 30; } | |
| 100% { opacity: 1; stroke-dashoffset: 0; } | |
| } | |
| .ns-effect-loadingcircle.ns-show { | |
| opacity: 0; | |
| -webkit-animation-name: animResize; | |
| animation-name: animResize; | |
| -webkit-animation-duration: 0.3s; | |
| animation-duration: 0.3s; | |
| -webkit-animation-fill-mode: forwards; | |
| animation-fill-mode: forwards; | |
| -webkit-animation-delay: 3s; | |
| animation-delay: 3s; | |
| -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.4, 1.6); | |
| animation-timing-function: cubic-bezier(0.25, 0.25, 0.4, 1.6); | |
| } | |
| @-webkit-keyframes animResize { | |
| 0% { opacity: 1; width: 70px; background: transparent; } | |
| 100% { opacity: 1; width: 250px; background: #fff; } | |
| } | |
| @keyframes animResize { | |
| 0% { opacity: 1; width: 70px; background: transparent; } | |
| 100% { opacity: 1; width: 250px; background: #fff; } | |
| } | |
| .ns-effect-loadingcircle.ns-show .ns-box-inner, | |
| .ns-effect-loadingcircle.ns-show .ns-close, | |
| .ns-effect-loadingcircle.ns-hide { | |
| -webkit-animation-name: animFade; | |
| animation-name: animFade; | |
| -webkit-animation-duration: 0.3s; | |
| animation-duration: 0.3s; | |
| } | |
| .ns-effect-loadingcircle.ns-show .ns-box-inner, | |
| .ns-effect-loadingcircle.ns-show .ns-close { | |
| opacity: 0; | |
| -webkit-animation-fill-mode: both; | |
| animation-fill-mode: both; | |
| -webkit-animation-delay: 3.3s; | |
| animation-delay: 3.3s; | |
| } | |
| .ns-effect-loadingcircle.ns-hide { | |
| opacity: 1; | |
| } | |
| @-webkit-keyframes animFade { | |
| 0% { opacity: 0; } | |
| 100% { opacity: 1; } | |
| } | |
| @keyframes animFade { | |
| 0% { opacity: 0; } | |
| 100% { opacity: 1; } | |
| } | |
| /* Box spinner (from http://tobiasahlin.com/spinkit/) */ | |
| .ns-effect-boxspinner { | |
| width: 250px; | |
| height: 90px; | |
| top: 30px; | |
| left: 30px; | |
| background: #5699bc; | |
| font-weight: 700; | |
| border-radius: 5px; | |
| outline: 1px solid transparent; | |
| } | |
| .ns-effect-boxspinner .ns-close::before, | |
| .ns-effect-boxspinner .ns-close::after { | |
| background: #27546c; | |
| } | |
| .ns-effect-boxspinner .ns-close:hover::before, | |
| .ns-effect-boxspinner .ns-close:hover::after { | |
| background: #fff; | |
| } | |
| .ns-effect-boxspinner a { | |
| color: #27546c; | |
| } | |
| .ns-effect-boxspinner a:hover { | |
| color: #fff; | |
| } | |
| .ns-effect-boxspinner .ns-box-inner, | |
| .ns-effect-boxspinner .ns-close { | |
| opacity: 0; | |
| } | |
| .ns-effect-boxspinner.ns-show { | |
| -webkit-animation-name: animFade, animSpin, animExpand; | |
| animation-name: animFade, animSpin, animExpand; | |
| -webkit-animation-duration: 0.9s, 1.2s, 0.3s; | |
| animation-duration: 0.9s, 1.2s, 0.3s; | |
| -webkit-animation-delay: 0s, 0s, 2.4s; | |
| animation-delay: 0s, 0s, 2.4s; | |
| -webkit-animation-iteration-count: 1, 2, 1; | |
| animation-iteration-count: 1, 2, 1; | |
| -webkit-animation-timing-function: ease-in-out, ease, cubic-bezier(0.7,0,0.3,1); | |
| animation-timing-function: ease-in-out, ease, cubic-bezier(0.7,0,0.3,1); | |
| -webkit-animation-fill-mode: forwards, forwards, both; | |
| animation-fill-mode: forwards, forwards, both; | |
| } | |
| @-webkit-keyframes animSpin { | |
| 0% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); width: 70px; height: 70px; } | |
| 50% { -webkit-transform: perspective(120px) rotateY(180deg); } | |
| 100% { -webkit-transform: perspective(120px); width: 70px; height: 70px; } | |
| } | |
| @keyframes animSpin { | |
| 0% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); transform: perspective(120px) rotateY(181deg) rotateX(181deg); width: 70px; height: 70px;} | |
| 50% { -webkit-transform: perspective(120px) rotateY(180deg); transform: perspective(120px) rotateY(181deg); } | |
| 100% { -webkit-transform: perspective(120px); transform: perspective(120px); width: 70px; height: 70px; } | |
| } | |
| @-webkit-keyframes animExpand { | |
| 0% { width: 70px; height: 70px; } | |
| 100% { width: 250px; height: 90px; } | |
| } | |
| @keyframes animExpand { | |
| 0% { width: 70px; height: 70px; } | |
| 100% { width: 250px; height: 90px; } | |
| } | |
| .ns-effect-boxspinner .ns-box-inner { | |
| backface-visibility: hidden; | |
| } | |
| .ns-effect-boxspinner.ns-show .ns-box-inner, | |
| .ns-effect-boxspinner.ns-show .ns-close, | |
| .ns-effect-boxspinner.ns-hide { | |
| -webkit-animation-name: animFade; | |
| animation-name: animFade; | |
| -webkit-animation-duration: 0.3s; | |
| animation-duration: 0.3s; | |
| } | |
| .ns-effect-boxspinner.ns-show .ns-box-inner, | |
| .ns-effect-boxspinner.ns-show .ns-close { | |
| opacity: 0; | |
| -webkit-animation-fill-mode: both; | |
| animation-fill-mode: both; | |
| -webkit-animation-delay: 2.75s; | |
| animation-delay: 2.75s; | |
| } | |
| .ns-effect-boxspinner.ns-hide { | |
| opacity: 1; | |
| } | |
| /* Thumb slider */ | |
| .ns-effect-thumbslider { | |
| background: transparent; | |
| } | |
| .ns-effect-thumbslider .ns-close { | |
| top: 1.8em; | |
| right: 1.8em; | |
| } | |
| .ns-effect-thumbslider.ns-show .ns-close, | |
| .ns-effect-thumbslider.ns-hide .ns-close, | |
| .ns-effect-thumbslider.ns-show .ns-content p, | |
| .ns-effect-thumbslider.ns-hide .ns-content p { | |
| -webkit-animation-name: animFade; | |
| animation-name: animFade; | |
| -webkit-animation-duration: 0.3s; | |
| animation-duration: 0.3s; | |
| -webkit-animation-fill-mode: forwards; | |
| animation-fill-mode: forwards; | |
| opacity: 0; | |
| } | |
| .ns-effect-thumbslider.ns-show .ns-close, | |
| .ns-effect-thumbslider.ns-show .ns-content p { | |
| -webkit-animation-delay: 0.8s; | |
| animation-delay: 0.8s; | |
| } | |
| .ns-effect-thumbslider.ns-hide .ns-close, | |
| .ns-effect-thumbslider.ns-hide .ns-content p { | |
| -webkit-animation-direction: reverse; | |
| animation-direction: reverse; | |
| } | |
| .ns-effect-thumbslider .ns-close::before, | |
| .ns-effect-thumbslider .ns-close::after { | |
| background: #ddd; | |
| width: 2px; | |
| } | |
| .ns-effect-thumbslider .ns-close:hover::before, | |
| .ns-effect-thumbslider .ns-close:hover::after { | |
| background: #aaa; | |
| } | |
| .ns-effect-thumbslider .ns-box-inner { | |
| overflow: hidden; | |
| } | |
| .ns-effect-thumbslider .ns-thumb { | |
| position: absolute; | |
| z-index: 100; | |
| overflow: hidden; | |
| } | |
| .ns-effect-thumbslider .ns-content { | |
| background: #fff; | |
| color: #727275; | |
| font-weight: bold; | |
| padding: 0 40px 0 80px; | |
| height: 64px; | |
| line-height: 60px; | |
| } | |
| .ns-effect-thumbslider.ns-show .ns-content, | |
| .ns-effect-thumbslider.ns-hide .ns-content { | |
| -webkit-animation-name: animSlide; | |
| animation-name: animSlide; | |
| -webkit-animation-duration: 0.4s; | |
| animation-duration: 0.4s; | |
| -webkit-animation-fill-mode: both; | |
| animation-fill-mode: both; | |
| -webkit-animation-timing-function: cubic-bezier(0.7,0,0.3,1); | |
| animation-timing-function: cubic-bezier(0.7,0,0.3,1); | |
| } | |
| .ns-effect-thumbslider.ns-show .ns-content { | |
| -webkit-animation-delay: 0.5s; | |
| animation-delay: 0.5s; | |
| } | |
| .ns-effect-thumbslider.ns-hide .ns-content { | |
| -webkit-animation-direction: reverse; | |
| animation-direction: reverse; | |
| -webkit-animation-delay: 0.3s; | |
| animation-delay: 0.3s; | |
| } | |
| @-webkit-keyframes animSlide { | |
| 0% { -webkit-transform: translate3d(-100%,0,0); } | |
| 100% { -webkit-transform: translate3d(0,0,0);} | |
| } | |
| @keyframes animSlide { | |
| 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } | |
| 100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } | |
| } | |
| .ns-effect-thumbslider.ns-show .ns-thumb, | |
| .ns-effect-thumbslider.ns-hide .ns-thumb { | |
| -webkit-animation-name: animJelly; | |
| animation-name: animJelly; | |
| -webkit-animation-duration: 1s; | |
| animation-duration: 1s; | |
| -webkit-animation-timing-function: linear; | |
| animation-timing-function: linear; | |
| -webkit-animation-fill-mode: both; | |
| animation-fill-mode: both; | |
| } | |
| .ns-effect-thumbslider.ns-hide .ns-thumb { | |
| -webkit-animation-direction: reverse; | |
| animation-direction: reverse; | |
| -webkit-animation-delay: 0.3s; | |
| animation-delay: 0.3s; | |
| } | |
| /* Generated with Bounce.js. Edit at http://goo.gl/6iLZu5 */ | |
| @-webkit-keyframes animJelly { | |
| 0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 10.416667% { opacity: 1; -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 50% { -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| } | |
| @keyframes animJelly { | |
| 0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 10.416667% { opacity: 1; -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 50% { -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } | |
| } | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment