mirror of
https://github.com/animate-css/animate.css.git
synced 2024-11-14 08:11:09 +01:00
Merge pull request #451 from mesge/feature/yui-compressor-resilience
Replace 0% keyframes with 'from' keyword
This commit is contained in:
commit
47fec7ae79
66 changed files with 199 additions and 199 deletions
264
animate.css
vendored
264
animate.css
vendored
File diff suppressed because it is too large
Load diff
2
animate.min.css
vendored
2
animate.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -1,5 +1,5 @@
|
|||
@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);
|
||||
transform: translate3d(0,0,0);
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes flash {
|
||||
0%, 50%, 100% {
|
||||
from, 50%, 100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes jello {
|
||||
0%, 11.1%, 100% {
|
||||
from, 11.1%, 100% {
|
||||
transform: none
|
||||
}
|
||||
22.2% {
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
||||
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
from {
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes rubberBand {
|
||||
0% {
|
||||
from {
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes shake {
|
||||
0%, 100% {
|
||||
from, 100% {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes tada {
|
||||
0% {
|
||||
from {
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
||||
|
||||
@keyframes wobble {
|
||||
0% {
|
||||
from {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@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);
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@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);
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@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);
|
||||
}
|
||||
|
||||
|
|
|
@ -1,9 +1,9 @@
|
|||
@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);
|
||||
}
|
||||
|
||||
0% {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(3000px, 0, 0);
|
||||
}
|
||||
|
|
|
@ -1,9 +1,9 @@
|
|||
@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);
|
||||
}
|
||||
|
||||
0% {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(0, 3000px, 0);
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeIn {
|
||||
0% {opacity: 0;}
|
||||
from {opacity: 0;}
|
||||
100% {opacity: 1;}
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeInDown {
|
||||
0% {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeInDownBig {
|
||||
0% {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(0, -2000px, 0);
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeInLeft {
|
||||
0% {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeInLeftBig {
|
||||
0% {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(-2000px, 0, 0);
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeInRight {
|
||||
0% {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeInRightBig {
|
||||
0% {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(2000px, 0, 0);
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeInUp {
|
||||
0% {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeInUpBig {
|
||||
0% {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(0, 2000px, 0);
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeOut {
|
||||
0% {opacity: 1;}
|
||||
from {opacity: 1;}
|
||||
100% {opacity: 0;}
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeOutDown {
|
||||
0% {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeOutDownBig {
|
||||
0% {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeOutLeft {
|
||||
0% {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeOutLeftBig {
|
||||
0% {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeOutRight {
|
||||
0% {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeOutRightBig {
|
||||
0% {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeOutUp {
|
||||
0% {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes fadeOutUpBig {
|
||||
0% {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes flip {
|
||||
0% {
|
||||
from {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes flipInX {
|
||||
0% {
|
||||
from {
|
||||
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
||||
animation-timing-function: ease-in;
|
||||
opacity: 0;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes flipInY {
|
||||
0% {
|
||||
from {
|
||||
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
||||
animation-timing-function: ease-in;
|
||||
opacity: 0;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes flipOutX {
|
||||
0% {
|
||||
from {
|
||||
transform: perspective(400px);
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes flipOutY {
|
||||
0% {
|
||||
from {
|
||||
transform: perspective(400px);
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes lightSpeedIn {
|
||||
0% {
|
||||
from {
|
||||
transform: translate3d(100%, 0, 0) skewX(-30deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes lightSpeedOut {
|
||||
0% {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes rotateIn {
|
||||
0% {
|
||||
from {
|
||||
transform-origin: center;
|
||||
transform: rotate3d(0, 0, 1, -200deg);
|
||||
opacity: 0;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes rotateInDownLeft {
|
||||
0% {
|
||||
from {
|
||||
transform-origin: left bottom;
|
||||
transform: rotate3d(0, 0, 1, -45deg);
|
||||
opacity: 0;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes rotateInDownRight {
|
||||
0% {
|
||||
from {
|
||||
transform-origin: right bottom;
|
||||
transform: rotate3d(0, 0, 1, 45deg);
|
||||
opacity: 0;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes rotateInUpLeft {
|
||||
0% {
|
||||
from {
|
||||
transform-origin: left bottom;
|
||||
transform: rotate3d(0, 0, 1, 45deg);
|
||||
opacity: 0;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes rotateInUpRight {
|
||||
0% {
|
||||
from {
|
||||
transform-origin: right bottom;
|
||||
transform: rotate3d(0, 0, 1, -90deg);
|
||||
opacity: 0;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes rotateOut {
|
||||
0% {
|
||||
from {
|
||||
transform-origin: center;
|
||||
opacity: 1;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes rotateOutDownLeft {
|
||||
0% {
|
||||
from {
|
||||
transform-origin: left bottom;
|
||||
opacity: 1;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes rotateOutDownRight {
|
||||
0% {
|
||||
from {
|
||||
transform-origin: right bottom;
|
||||
opacity: 1;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes rotateOutUpLeft {
|
||||
0% {
|
||||
from {
|
||||
transform-origin: left bottom;
|
||||
opacity: 1;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes rotateOutUpRight {
|
||||
0% {
|
||||
from {
|
||||
transform-origin: right bottom;
|
||||
opacity: 1;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes slideInDown {
|
||||
0% {
|
||||
from {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
visibility: visible;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes slideInLeft {
|
||||
0% {
|
||||
from {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
visibility: visible;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes slideInRight {
|
||||
0% {
|
||||
from {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
visibility: visible;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes slideInUp {
|
||||
0% {
|
||||
from {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
visibility: visible;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes slideOutDown {
|
||||
0% {
|
||||
from {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes slideOutLeft {
|
||||
0% {
|
||||
from {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes slideOutRight {
|
||||
0% {
|
||||
from {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes slideOutUp {
|
||||
0% {
|
||||
from {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
||||
|
||||
@keyframes rollIn {
|
||||
0% {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
||||
|
||||
@keyframes rollOut {
|
||||
0% {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes zoomIn {
|
||||
0% {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale3d(.3, .3, .3);
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes zoomInDown {
|
||||
0% {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
||||
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes zoomInLeft {
|
||||
0% {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
||||
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes zoomInRight {
|
||||
0% {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
||||
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes zoomInUp {
|
||||
0% {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
||||
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@keyframes zoomOut {
|
||||
0% {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue