Robot/animate.css
1
0
Fork 0
mirror of https://github.com/animate-css/animate.css.git synced 2024-11-13 07:41:08 +01:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #451 from mesge/feature/yui-compressor-resilience

Browse source 
Replace 0% keyframes with 'from' keyword
This commit is contained in:
Daniel Eden 2015-08-05 23:41:43 -07:00
commit 47fec7ae79
66 changed files with 199 additions and 199 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

264
animate.css vendored
View file

File diff suppressed because it is too large Load diff

2
animate.min.css vendored
View file

File diff suppressed because one or more lines are too long

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