replaced 0% keyframes with 'from' keyword to sidestep compression issues with yui-compressor
This commit is contained in:
parent
caa3153dbd
commit
5dea852f56
|
@ -1,5 +1,5 @@
|
||||||
@keyframes bounce {
|
@keyframes bounce {
|
||||||
0%, 20%, 53%, 80%, 100% {
|
from, 20%, 53%, 80%, 100% {
|
||||||
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||||
transform: translate3d(0,0,0);
|
transform: translate3d(0,0,0);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes flash {
|
@keyframes flash {
|
||||||
0%, 50%, 100% {
|
from, 50%, 100% {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes jello {
|
@keyframes jello {
|
||||||
0%, 11.1%, 100% {
|
from, 11.1%, 100% {
|
||||||
transform: none
|
transform: none
|
||||||
}
|
}
|
||||||
22.2% {
|
22.2% {
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
||||||
|
|
||||||
@keyframes pulse {
|
@keyframes pulse {
|
||||||
0% {
|
from {
|
||||||
transform: scale3d(1, 1, 1);
|
transform: scale3d(1, 1, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes rubberBand {
|
@keyframes rubberBand {
|
||||||
0% {
|
from {
|
||||||
transform: scale3d(1, 1, 1);
|
transform: scale3d(1, 1, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes shake {
|
@keyframes shake {
|
||||||
0%, 100% {
|
from, 100% {
|
||||||
transform: translate3d(0, 0, 0);
|
transform: translate3d(0, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes tada {
|
@keyframes tada {
|
||||||
0% {
|
from {
|
||||||
transform: scale3d(1, 1, 1);
|
transform: scale3d(1, 1, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
||||||
|
|
||||||
@keyframes wobble {
|
@keyframes wobble {
|
||||||
0% {
|
from {
|
||||||
transform: none;
|
transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes bounceIn {
|
@keyframes bounceIn {
|
||||||
0%, 20%, 40%, 60%, 80%, 100% {
|
from, 20%, 40%, 60%, 80%, 100% {
|
||||||
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes bounceInDown {
|
@keyframes bounceInDown {
|
||||||
0%, 60%, 75%, 90%, 100% {
|
from, 60%, 75%, 90%, 100% {
|
||||||
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes bounceInLeft {
|
@keyframes bounceInLeft {
|
||||||
0%, 60%, 75%, 90%, 100% {
|
from, 60%, 75%, 90%, 100% {
|
||||||
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,9 +1,9 @@
|
||||||
@keyframes bounceInRight {
|
@keyframes bounceInRight {
|
||||||
0%, 60%, 75%, 90%, 100% {
|
from, 60%, 75%, 90%, 100% {
|
||||||
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||||
}
|
}
|
||||||
|
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(3000px, 0, 0);
|
transform: translate3d(3000px, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,9 +1,9 @@
|
||||||
@keyframes bounceInUp {
|
@keyframes bounceInUp {
|
||||||
0%, 60%, 75%, 90%, 100% {
|
from, 60%, 75%, 90%, 100% {
|
||||||
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||||
}
|
}
|
||||||
|
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(0, 3000px, 0);
|
transform: translate3d(0, 3000px, 0);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeIn {
|
@keyframes fadeIn {
|
||||||
0% {opacity: 0;}
|
from {opacity: 0;}
|
||||||
100% {opacity: 1;}
|
100% {opacity: 1;}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeInDown {
|
@keyframes fadeInDown {
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(0, -100%, 0);
|
transform: translate3d(0, -100%, 0);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeInDownBig {
|
@keyframes fadeInDownBig {
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(0, -2000px, 0);
|
transform: translate3d(0, -2000px, 0);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeInLeft {
|
@keyframes fadeInLeft {
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(-100%, 0, 0);
|
transform: translate3d(-100%, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeInLeftBig {
|
@keyframes fadeInLeftBig {
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(-2000px, 0, 0);
|
transform: translate3d(-2000px, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeInRight {
|
@keyframes fadeInRight {
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(100%, 0, 0);
|
transform: translate3d(100%, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeInRightBig {
|
@keyframes fadeInRightBig {
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(2000px, 0, 0);
|
transform: translate3d(2000px, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeInUp {
|
@keyframes fadeInUp {
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(0, 100%, 0);
|
transform: translate3d(0, 100%, 0);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeInUpBig {
|
@keyframes fadeInUpBig {
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(0, 2000px, 0);
|
transform: translate3d(0, 2000px, 0);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeOut {
|
@keyframes fadeOut {
|
||||||
0% {opacity: 1;}
|
from {opacity: 1;}
|
||||||
100% {opacity: 0;}
|
100% {opacity: 0;}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeOutDown {
|
@keyframes fadeOutDown {
|
||||||
0% {
|
from {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeOutDownBig {
|
@keyframes fadeOutDownBig {
|
||||||
0% {
|
from {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeOutLeft {
|
@keyframes fadeOutLeft {
|
||||||
0% {
|
from {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeOutLeftBig {
|
@keyframes fadeOutLeftBig {
|
||||||
0% {
|
from {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeOutRight {
|
@keyframes fadeOutRight {
|
||||||
0% {
|
from {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeOutRightBig {
|
@keyframes fadeOutRightBig {
|
||||||
0% {
|
from {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeOutUp {
|
@keyframes fadeOutUp {
|
||||||
0% {
|
from {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes fadeOutUpBig {
|
@keyframes fadeOutUpBig {
|
||||||
0% {
|
from {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes flip {
|
@keyframes flip {
|
||||||
0% {
|
from {
|
||||||
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
||||||
animation-timing-function: ease-out;
|
animation-timing-function: ease-out;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes flipInX {
|
@keyframes flipInX {
|
||||||
0% {
|
from {
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
||||||
animation-timing-function: ease-in;
|
animation-timing-function: ease-in;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes flipInY {
|
@keyframes flipInY {
|
||||||
0% {
|
from {
|
||||||
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
||||||
animation-timing-function: ease-in;
|
animation-timing-function: ease-in;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes flipOutX {
|
@keyframes flipOutX {
|
||||||
0% {
|
from {
|
||||||
transform: perspective(400px);
|
transform: perspective(400px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes flipOutY {
|
@keyframes flipOutY {
|
||||||
0% {
|
from {
|
||||||
transform: perspective(400px);
|
transform: perspective(400px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes lightSpeedIn {
|
@keyframes lightSpeedIn {
|
||||||
0% {
|
from {
|
||||||
transform: translate3d(100%, 0, 0) skewX(-30deg);
|
transform: translate3d(100%, 0, 0) skewX(-30deg);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes lightSpeedOut {
|
@keyframes lightSpeedOut {
|
||||||
0% {
|
from {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes rotateIn {
|
@keyframes rotateIn {
|
||||||
0% {
|
from {
|
||||||
transform-origin: center;
|
transform-origin: center;
|
||||||
transform: rotate3d(0, 0, 1, -200deg);
|
transform: rotate3d(0, 0, 1, -200deg);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes rotateInDownLeft {
|
@keyframes rotateInDownLeft {
|
||||||
0% {
|
from {
|
||||||
transform-origin: left bottom;
|
transform-origin: left bottom;
|
||||||
transform: rotate3d(0, 0, 1, -45deg);
|
transform: rotate3d(0, 0, 1, -45deg);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes rotateInDownRight {
|
@keyframes rotateInDownRight {
|
||||||
0% {
|
from {
|
||||||
transform-origin: right bottom;
|
transform-origin: right bottom;
|
||||||
transform: rotate3d(0, 0, 1, 45deg);
|
transform: rotate3d(0, 0, 1, 45deg);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes rotateInUpLeft {
|
@keyframes rotateInUpLeft {
|
||||||
0% {
|
from {
|
||||||
transform-origin: left bottom;
|
transform-origin: left bottom;
|
||||||
transform: rotate3d(0, 0, 1, 45deg);
|
transform: rotate3d(0, 0, 1, 45deg);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes rotateInUpRight {
|
@keyframes rotateInUpRight {
|
||||||
0% {
|
from {
|
||||||
transform-origin: right bottom;
|
transform-origin: right bottom;
|
||||||
transform: rotate3d(0, 0, 1, -90deg);
|
transform: rotate3d(0, 0, 1, -90deg);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes rotateOut {
|
@keyframes rotateOut {
|
||||||
0% {
|
from {
|
||||||
transform-origin: center;
|
transform-origin: center;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes rotateOutDownLeft {
|
@keyframes rotateOutDownLeft {
|
||||||
0% {
|
from {
|
||||||
transform-origin: left bottom;
|
transform-origin: left bottom;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes rotateOutDownRight {
|
@keyframes rotateOutDownRight {
|
||||||
0% {
|
from {
|
||||||
transform-origin: right bottom;
|
transform-origin: right bottom;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes rotateOutUpLeft {
|
@keyframes rotateOutUpLeft {
|
||||||
0% {
|
from {
|
||||||
transform-origin: left bottom;
|
transform-origin: left bottom;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes rotateOutUpRight {
|
@keyframes rotateOutUpRight {
|
||||||
0% {
|
from {
|
||||||
transform-origin: right bottom;
|
transform-origin: right bottom;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes slideInDown {
|
@keyframes slideInDown {
|
||||||
0% {
|
from {
|
||||||
transform: translate3d(0, -100%, 0);
|
transform: translate3d(0, -100%, 0);
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes slideInLeft {
|
@keyframes slideInLeft {
|
||||||
0% {
|
from {
|
||||||
transform: translate3d(-100%, 0, 0);
|
transform: translate3d(-100%, 0, 0);
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes slideInRight {
|
@keyframes slideInRight {
|
||||||
0% {
|
from {
|
||||||
transform: translate3d(100%, 0, 0);
|
transform: translate3d(100%, 0, 0);
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes slideInUp {
|
@keyframes slideInUp {
|
||||||
0% {
|
from {
|
||||||
transform: translate3d(0, 100%, 0);
|
transform: translate3d(0, 100%, 0);
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes slideOutDown {
|
@keyframes slideOutDown {
|
||||||
0% {
|
from {
|
||||||
transform: translate3d(0, 0, 0);
|
transform: translate3d(0, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes slideOutLeft {
|
@keyframes slideOutLeft {
|
||||||
0% {
|
from {
|
||||||
transform: translate3d(0, 0, 0);
|
transform: translate3d(0, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes slideOutRight {
|
@keyframes slideOutRight {
|
||||||
0% {
|
from {
|
||||||
transform: translate3d(0, 0, 0);
|
transform: translate3d(0, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes slideOutUp {
|
@keyframes slideOutUp {
|
||||||
0% {
|
from {
|
||||||
transform: translate3d(0, 0, 0);
|
transform: translate3d(0, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
||||||
|
|
||||||
@keyframes rollIn {
|
@keyframes rollIn {
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
||||||
|
|
||||||
@keyframes rollOut {
|
@keyframes rollOut {
|
||||||
0% {
|
from {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes zoomIn {
|
@keyframes zoomIn {
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scale3d(.3, .3, .3);
|
transform: scale3d(.3, .3, .3);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes zoomInDown {
|
@keyframes zoomInDown {
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
||||||
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes zoomInLeft {
|
@keyframes zoomInLeft {
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
||||||
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes zoomInRight {
|
@keyframes zoomInRight {
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
||||||
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes zoomInUp {
|
@keyframes zoomInUp {
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
||||||
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@keyframes zoomOut {
|
@keyframes zoomOut {
|
||||||
0% {
|
from {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue