beenull/animate.css
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Replaced instances of step 100% with to to preserve consistency

Browse source
This commit is contained in:
mesge 2015-08-21 12:26:35 +10:00
parent a2f3019e89
commit a479864d9d
72 changed files with 226 additions and 226 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

300
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 { @keyframes bounce {
from, 20%, 53%, 80%, 100% { from, 20%, 53%, 80%, to {
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);
} }

2
source/attention_seekers/flash.css
View file

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

2
source/attention_seekers/jello.css
View file

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

2
source/attention_seekers/pulse.css
View file

@ -9,7 +9,7 @@
transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);
} }
100% { to {
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} }
} }

2
source/attention_seekers/rubberBand.css
View file

@ -23,7 +23,7 @@
transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1);
} }
100% { to {
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} }
} }

2
source/attention_seekers/shake.css
View file

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

2
source/attention_seekers/swing.css
View file

@ -15,7 +15,7 @@
transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);
} }
100% { to {
transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);
} }
} }

2
source/attention_seekers/tada.css
View file

@ -15,7 +15,7 @@
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
} }
100% { to {
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} }
} }

2
source/attention_seekers/wobble.css
View file

@ -25,7 +25,7 @@
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
} }
100% { to {
transform: none; transform: none;
} }
} }

4
source/bouncing_entrances/bounceIn.css
View file

@ -1,5 +1,5 @@
@keyframes bounceIn { @keyframes bounceIn {
from, 20%, 40%, 60%, 80%, 100% { from, 20%, 40%, 60%, 80%, to {
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);
} }
@ -25,7 +25,7 @@
transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97);
} }
100% { to {
opacity: 1; opacity: 1;
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} }

4
source/bouncing_entrances/bounceInDown.css
View file

@ -1,5 +1,5 @@
@keyframes bounceInDown { @keyframes bounceInDown {
from, 60%, 75%, 90%, 100% { from, 60%, 75%, 90%, to {
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);
} }
@ -21,7 +21,7 @@
transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);
} }
100% { to {
transform: none; transform: none;
} }
} }

4
source/bouncing_entrances/bounceInLeft.css
View file

@ -1,5 +1,5 @@
@keyframes bounceInLeft { @keyframes bounceInLeft {
from, 60%, 75%, 90%, 100% { from, 60%, 75%, 90%, to {
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);
} }
@ -21,7 +21,7 @@
transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);
} }
100% { to {
transform: none; transform: none;
} }
} }

4
source/bouncing_entrances/bounceInRight.css
View file

@ -1,5 +1,5 @@
@keyframes bounceInRight { @keyframes bounceInRight {
from, 60%, 75%, 90%, 100% { from, 60%, 75%, 90%, to {
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);
} }
@ -21,7 +21,7 @@
transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);
} }
100% { to {
transform: none; transform: none;
} }
} }

4
source/bouncing_entrances/bounceInUp.css
View file

@ -1,5 +1,5 @@
@keyframes bounceInUp { @keyframes bounceInUp {
from, 60%, 75%, 90%, 100% { from, 60%, 75%, 90%, to {
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);
} }
@ -21,7 +21,7 @@
transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);
} }
100% { to {
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
} }

2
source/bouncing_exits/bounceOut.css
View file

@ -8,7 +8,7 @@
transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);
} }
100% { to {
opacity: 0; opacity: 0;
transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);
} }

2
source/bouncing_exits/bounceOutDown.css
View file

@ -8,7 +8,7 @@
transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);
} }
100% { to {
opacity: 0; opacity: 0;
transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);
} }

2
source/bouncing_exits/bounceOutLeft.css
View file

@ -4,7 +4,7 @@
transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);
} }
100% { to {
opacity: 0; opacity: 0;
transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);
} }

2
source/bouncing_exits/bounceOutRight.css
View file

@ -4,7 +4,7 @@
transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);
} }
100% { to {
opacity: 0; opacity: 0;
transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);
} }

2
source/bouncing_exits/bounceOutUp.css
View file

@ -8,7 +8,7 @@
transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);
} }
100% { to {
opacity: 0; opacity: 0;
transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);
} }

2
source/fading_entrances/fadeIn.css
View file

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

2
source/fading_entrances/fadeInDown.css
View file

@ -4,7 +4,7 @@
transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);
} }
100% { to {
opacity: 1; opacity: 1;
transform: none; transform: none;
} }

2
source/fading_entrances/fadeInDownBig.css
View file

@ -4,7 +4,7 @@
transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);
} }
100% { to {
opacity: 1; opacity: 1;
transform: none; transform: none;
} }

2
source/fading_entrances/fadeInLeft.css
View file

@ -4,7 +4,7 @@
transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);
} }
100% { to {
opacity: 1; opacity: 1;
transform: none; transform: none;
} }

2
source/fading_entrances/fadeInLeftBig.css
View file

@ -4,7 +4,7 @@
transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);
} }
100% { to {
opacity: 1; opacity: 1;
transform: none; transform: none;
} }

2
source/fading_entrances/fadeInRight.css
View file

@ -4,7 +4,7 @@
transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);
} }
100% { to {
opacity: 1; opacity: 1;
transform: none; transform: none;
} }

2
source/fading_entrances/fadeInRightBig.css
View file

@ -4,7 +4,7 @@
transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);
} }
100% { to {
opacity: 1; opacity: 1;
transform: none; transform: none;
} }

2
source/fading_entrances/fadeInUp.css
View file

@ -4,7 +4,7 @@
transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);
} }
100% { to {
opacity: 1; opacity: 1;
transform: none; transform: none;
} }

2
source/fading_entrances/fadeInUpBig.css
View file

@ -4,7 +4,7 @@
transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);
} }
100% { to {
opacity: 1; opacity: 1;
transform: none; transform: none;
} }

2
source/fading_exits/fadeOut.css
View file

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

2
source/fading_exits/fadeOutDown.css
View file

@ -3,7 +3,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
opacity: 0; opacity: 0;
transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);
} }

2
source/fading_exits/fadeOutDownBig.css
View file

@ -3,7 +3,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
opacity: 0; opacity: 0;
transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);
} }

2
source/fading_exits/fadeOutLeft.css
View file

@ -3,7 +3,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
opacity: 0; opacity: 0;
transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);
} }

2
source/fading_exits/fadeOutLeftBig.css
View file

@ -3,7 +3,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
opacity: 0; opacity: 0;
transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);
} }

2
source/fading_exits/fadeOutRight.css
View file

@ -3,7 +3,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
opacity: 0; opacity: 0;
transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);
} }

2
source/fading_exits/fadeOutRightBig.css
View file

@ -3,7 +3,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
opacity: 0; opacity: 0;
transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);
} }

2
source/fading_exits/fadeOutUp.css
View file

@ -3,7 +3,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
opacity: 0; opacity: 0;
transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);
} }

2
source/fading_exits/fadeOutUpBig.css
View file

@ -3,7 +3,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
opacity: 0; opacity: 0;
transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);
} }

2
source/flippers/flip.css
View file

@ -19,7 +19,7 @@
animation-timing-function: ease-in; animation-timing-function: ease-in;
} }
100% { to {
transform: perspective(400px); transform: perspective(400px);
animation-timing-function: ease-in; animation-timing-function: ease-in;
} }

2
source/flippers/flipInX.css
View file

@ -19,7 +19,7 @@
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
} }
100% { to {
transform: perspective(400px); transform: perspective(400px);
} }
} }

2
source/flippers/flipInY.css
View file

@ -19,7 +19,7 @@
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
} }
100% { to {
transform: perspective(400px); transform: perspective(400px);
} }
} }

2
source/flippers/flipOutX.css
View file

@ -8,7 +8,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; opacity: 0;
} }

2
source/flippers/flipOutY.css
View file

@ -8,7 +8,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; opacity: 0;
} }

2
source/lightspeed/lightSpeedIn.css
View file

@ -14,7 +14,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
transform: none; transform: none;
opacity: 1; opacity: 1;
} }

2
source/lightspeed/lightSpeedOut.css
View file

@ -3,7 +3,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; opacity: 0;
} }

2
source/rotating_entrances/rotateIn.css
View file

@ -5,7 +5,7 @@
opacity: 0; opacity: 0;
} }
100% { to {
transform-origin: center; transform-origin: center;
transform: none; transform: none;
opacity: 1; opacity: 1;

2
source/rotating_entrances/rotateInDownLeft.css
View file

@ -5,7 +5,7 @@
opacity: 0; opacity: 0;
} }
100% { to {
transform-origin: left bottom; transform-origin: left bottom;
transform: none; transform: none;
opacity: 1; opacity: 1;

2
source/rotating_entrances/rotateInDownRight.css
View file

@ -5,7 +5,7 @@
opacity: 0; opacity: 0;
} }
100% { to {
transform-origin: right bottom; transform-origin: right bottom;
transform: none; transform: none;
opacity: 1; opacity: 1;

2
source/rotating_entrances/rotateInUpLeft.css
View file

@ -5,7 +5,7 @@
opacity: 0; opacity: 0;
} }
100% { to {
transform-origin: left bottom; transform-origin: left bottom;
transform: none; transform: none;
opacity: 1; opacity: 1;

2
source/rotating_entrances/rotateInUpRight.css
View file

@ -5,7 +5,7 @@
opacity: 0; opacity: 0;
} }
100% { to {
transform-origin: right bottom; transform-origin: right bottom;
transform: none; transform: none;
opacity: 1; opacity: 1;

2
source/rotating_exits/rotateOut.css
View file

@ -4,7 +4,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
transform-origin: center; transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; opacity: 0;

2
source/rotating_exits/rotateOutDownLeft.css
View file

@ -4,7 +4,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
transform-origin: left bottom; transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; opacity: 0;

2
source/rotating_exits/rotateOutDownRight.css
View file

@ -4,7 +4,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
transform-origin: right bottom; transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; opacity: 0;

2
source/rotating_exits/rotateOutUpLeft.css
View file

@ -4,7 +4,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
transform-origin: left bottom; transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; opacity: 0;

2
source/rotating_exits/rotateOutUpRight.css
View file

@ -4,7 +4,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
transform-origin: right bottom; transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; opacity: 0;

2
source/sliding_entrances/slideInDown.css
View file

@ -4,7 +4,7 @@
visibility: visible; visibility: visible;
} }
100% { to {
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
} }

2
source/sliding_entrances/slideInLeft.css
View file

@ -4,7 +4,7 @@
visibility: visible; visibility: visible;
} }
100% { to {
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
} }

2
source/sliding_entrances/slideInRight.css
View file

@ -4,7 +4,7 @@
visibility: visible; visibility: visible;
} }
100% { to {
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
} }

2
source/sliding_entrances/slideInUp.css
View file

@ -4,7 +4,7 @@
visibility: visible; visibility: visible;
} }
100% { to {
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
} }

2
source/sliding_exits/slideOutDown.css
View file

@ -3,7 +3,7 @@
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
100% { to {
visibility: hidden; visibility: hidden;
transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);
} }

2
source/sliding_exits/slideOutLeft.css
View file

@ -3,7 +3,7 @@
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
100% { to {
visibility: hidden; visibility: hidden;
transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);
} }

2
source/sliding_exits/slideOutRight.css
View file

@ -3,7 +3,7 @@
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
100% { to {
visibility: hidden; visibility: hidden;
transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);
} }

2
source/sliding_exits/slideOutUp.css
View file

@ -3,7 +3,7 @@
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
100% { to {
visibility: hidden; visibility: hidden;
transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);
} }

2
source/specials/hinge.css
View file

@ -17,7 +17,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0);
opacity: 0; opacity: 0;
} }

2
source/specials/rollIn.css
View file

@ -6,7 +6,7 @@
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
} }
100% { to {
opacity: 1; opacity: 1;
transform: none; transform: none;
} }

2
source/specials/rollOut.css
View file

@ -5,7 +5,7 @@
opacity: 1; opacity: 1;
} }
100% { to {
opacity: 0; opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
} }

2
source/zooming_exits/zoomOut.css
View file

@ -8,7 +8,7 @@
transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);
} }
100% { to {
opacity: 0; opacity: 0;
} }
} }

2
source/zooming_exits/zoomOutDown.css
View file

@ -5,7 +5,7 @@
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);
} }
100% { to {
opacity: 0; opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom; transform-origin: center bottom;

2
source/zooming_exits/zoomOutLeft.css
View file

@ -4,7 +4,7 @@
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
} }
100% { to {
opacity: 0; opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center; transform-origin: left center;

2
source/zooming_exits/zoomOutRight.css
View file

@ -4,7 +4,7 @@
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
} }
100% { to {
opacity: 0; opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center; transform-origin: right center;

2
source/zooming_exits/zoomOutUp.css
View file

@ -5,7 +5,7 @@
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);
} }
100% { to {
opacity: 0; opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom; transform-origin: center bottom;