Robot/animate.css
1
0
Fork 0
mirror of https://github.com/animate-css/animate.css.git synced 2024-11-17 09:38:28 +01:00
Code Issues Projects Releases Packages Wiki Activity

replaced 0% keyframes with 'from' keyword to sidestep compression issues with yui-compressor

Browse source
This commit is contained in:
mesge 2015-08-06 14:22:40 +10:00
parent caa3153dbd
commit 5dea852f56
64 changed files with 66 additions and 66 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
source/attention_seekers/bounce.css
View file

@ -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);
}

2
source/attention_seekers/flash.css
View file

@ -1,5 +1,5 @@
@keyframes flash {
0%, 50%, 100% {
from, 50%, 100% {
opacity: 1;
}

2
source/attention_seekers/jello.css
View file

@ -1,5 +1,5 @@
@keyframes jello {
0%, 11.1%, 100% {
from, 11.1%, 100% {
transform: none
}
22.2% {

2
source/attention_seekers/pulse.css
View file

@ -1,7 +1,7 @@
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
0% {
from {
transform: scale3d(1, 1, 1);
}

2
source/attention_seekers/rubberBand.css
View file

@ -1,5 +1,5 @@
@keyframes rubberBand {
0% {
from {
transform: scale3d(1, 1, 1);
}

2
source/attention_seekers/shake.css
View file

@ -1,5 +1,5 @@
@keyframes shake {
0%, 100% {
from, 100% {
transform: translate3d(0, 0, 0);
}

2
source/attention_seekers/tada.css
View file

@ -1,5 +1,5 @@
@keyframes tada {
0% {
from {
transform: scale3d(1, 1, 1);
}

2
source/attention_seekers/wobble.css
View file

@ -1,7 +1,7 @@
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
0% {
from {
transform: none;
}

2
source/bouncing_entrances/bounceIn.css
View file

@ -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);
}

2
source/bouncing_entrances/bounceInDown.css
View file

@ -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);
}

2
source/bouncing_entrances/bounceInLeft.css
View file

@ -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);
}

4
source/bouncing_entrances/bounceInRight.css
View file

@ -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);
}

4
source/bouncing_entrances/bounceInUp.css
View file

@ -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);
}

2
source/fading_entrances/fadeIn.css
View file

@ -1,5 +1,5 @@
@keyframes fadeIn {
0% {opacity: 0;}
from {opacity: 0;}
100% {opacity: 1;}
}

2
source/fading_entrances/fadeInDown.css
View file

@ -1,5 +1,5 @@
@keyframes fadeInDown {
0% {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}

2
source/fading_entrances/fadeInDownBig.css
View file

@ -1,5 +1,5 @@
@keyframes fadeInDownBig {
0% {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}

2
source/fading_entrances/fadeInLeft.css
View file

@ -1,5 +1,5 @@
@keyframes fadeInLeft {
0% {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}

2
source/fading_entrances/fadeInLeftBig.css
View file

@ -1,5 +1,5 @@
@keyframes fadeInLeftBig {
0% {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}

2
source/fading_entrances/fadeInRight.css
View file

@ -1,5 +1,5 @@
@keyframes fadeInRight {
0% {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}

2
source/fading_entrances/fadeInRightBig.css
View file

@ -1,5 +1,5 @@
@keyframes fadeInRightBig {
0% {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}

2
source/fading_entrances/fadeInUp.css
View file

@ -1,5 +1,5 @@
@keyframes fadeInUp {
0% {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}

2
source/fading_entrances/fadeInUpBig.css
View file

@ -1,5 +1,5 @@
@keyframes fadeInUpBig {
0% {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}

2
source/fading_exits/fadeOut.css
View file

@ -1,5 +1,5 @@
@keyframes fadeOut {
0% {opacity: 1;}
from {opacity: 1;}
100% {opacity: 0;}
}

2
source/fading_exits/fadeOutDown.css
View file

@ -1,5 +1,5 @@
@keyframes fadeOutDown {
0% {
from {
opacity: 1;
}

2
source/fading_exits/fadeOutDownBig.css
View file

@ -1,5 +1,5 @@
@keyframes fadeOutDownBig {
0% {
from {
opacity: 1;
}

2
source/fading_exits/fadeOutLeft.css
View file

@ -1,5 +1,5 @@
@keyframes fadeOutLeft {
0% {
from {
opacity: 1;
}

2
source/fading_exits/fadeOutLeftBig.css
View file

@ -1,5 +1,5 @@
@keyframes fadeOutLeftBig {
0% {
from {
opacity: 1;
}

2
source/fading_exits/fadeOutRight.css
View file

@ -1,5 +1,5 @@
@keyframes fadeOutRight {
0% {
from {
opacity: 1;
}

2
source/fading_exits/fadeOutRightBig.css
View file

@ -1,5 +1,5 @@
@keyframes fadeOutRightBig {
0% {
from {
opacity: 1;
}

2
source/fading_exits/fadeOutUp.css
View file

@ -1,5 +1,5 @@
@keyframes fadeOutUp {
0% {
from {
opacity: 1;
}

2
source/fading_exits/fadeOutUpBig.css
View file

@ -1,5 +1,5 @@
@keyframes fadeOutUpBig {
0% {
from {
opacity: 1;
}

2
source/flippers/flip.css
View file

@ -1,5 +1,5 @@
@keyframes flip {
0% {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}

2
source/flippers/flipInX.css
View file

@ -1,5 +1,5 @@
@keyframes flipInX {
0% {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;

2
source/flippers/flipInY.css
View file

@ -1,5 +1,5 @@
@keyframes flipInY {
0% {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;

2
source/flippers/flipOutX.css
View file

@ -1,5 +1,5 @@
@keyframes flipOutX {
0% {
from {
transform: perspective(400px);
}

2
source/flippers/flipOutY.css
View file

@ -1,5 +1,5 @@
@keyframes flipOutY {
0% {
from {
transform: perspective(400px);
}

2
source/lightspeed/lightSpeedIn.css
View file

@ -1,5 +1,5 @@
@keyframes lightSpeedIn {
0% {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}

2
source/lightspeed/lightSpeedOut.css
View file

@ -1,5 +1,5 @@
@keyframes lightSpeedOut {
0% {
from {
opacity: 1;
}

2
source/rotating_entrances/rotateIn.css
View file

@ -1,5 +1,5 @@
@keyframes rotateIn {
0% {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;

2
source/rotating_entrances/rotateInDownLeft.css
View file

@ -1,5 +1,5 @@
@keyframes rotateInDownLeft {
0% {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;

2
source/rotating_entrances/rotateInDownRight.css
View file

@ -1,5 +1,5 @@
@keyframes rotateInDownRight {
0% {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;

2
source/rotating_entrances/rotateInUpLeft.css
View file

@ -1,5 +1,5 @@
@keyframes rotateInUpLeft {
0% {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;

2
source/rotating_entrances/rotateInUpRight.css
View file

@ -1,5 +1,5 @@
@keyframes rotateInUpRight {
0% {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;

2
source/rotating_exits/rotateOut.css
View file

@ -1,5 +1,5 @@
@keyframes rotateOut {
0% {
from {
transform-origin: center;
opacity: 1;
}

2
source/rotating_exits/rotateOutDownLeft.css
View file

@ -1,5 +1,5 @@
@keyframes rotateOutDownLeft {
0% {
from {
transform-origin: left bottom;
opacity: 1;
}

2
source/rotating_exits/rotateOutDownRight.css
View file

@ -1,5 +1,5 @@
@keyframes rotateOutDownRight {
0% {
from {
transform-origin: right bottom;
opacity: 1;
}

2
source/rotating_exits/rotateOutUpLeft.css
View file

@ -1,5 +1,5 @@
@keyframes rotateOutUpLeft {
0% {
from {
transform-origin: left bottom;
opacity: 1;
}

2
source/rotating_exits/rotateOutUpRight.css
View file

@ -1,5 +1,5 @@
@keyframes rotateOutUpRight {
0% {
from {
transform-origin: right bottom;
opacity: 1;
}

2
source/sliding_entrances/slideInDown.css
View file

@ -1,5 +1,5 @@
@keyframes slideInDown {
0% {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}

2
source/sliding_entrances/slideInLeft.css
View file

@ -1,5 +1,5 @@
@keyframes slideInLeft {
0% {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}

2
source/sliding_entrances/slideInRight.css
View file

@ -1,5 +1,5 @@
@keyframes slideInRight {
0% {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}

2
source/sliding_entrances/slideInUp.css
View file

@ -1,5 +1,5 @@
@keyframes slideInUp {
0% {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}

2
source/sliding_exits/slideOutDown.css
View file

@ -1,5 +1,5 @@
@keyframes slideOutDown {
0% {
from {
transform: translate3d(0, 0, 0);
}

2
source/sliding_exits/slideOutLeft.css
View file

@ -1,5 +1,5 @@
@keyframes slideOutLeft {
0% {
from {
transform: translate3d(0, 0, 0);
}

2
source/sliding_exits/slideOutRight.css
View file

@ -1,5 +1,5 @@
@keyframes slideOutRight {
0% {
from {
transform: translate3d(0, 0, 0);
}

2
source/sliding_exits/slideOutUp.css
View file

@ -1,5 +1,5 @@
@keyframes slideOutUp {
0% {
from {
transform: translate3d(0, 0, 0);
}

2
source/specials/rollIn.css
View file

@ -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);
}

2
source/specials/rollOut.css
View file

@ -1,7 +1,7 @@
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
0% {
from {
opacity: 1;
}

2
source/zooming_entrances/zoomIn.css
View file

@ -1,5 +1,5 @@
@keyframes zoomIn {
0% {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}

2
source/zooming_entrances/zoomInDown.css
View file

@ -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);

2
source/zooming_entrances/zoomInLeft.css
View file

@ -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);

2
source/zooming_entrances/zoomInRight.css
View file

@ -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);

2
source/zooming_entrances/zoomInUp.css
View file

@ -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);

2
source/zooming_exits/zoomOut.css
View file

@ -1,5 +1,5 @@
@keyframes zoomOut {
0% {
from {
opacity: 1;
}