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

Use translate3d instead of translateY or translateX

Browse source
This commit is contained in:
Andres Buritica 2015-03-20 17:38:01 -07:00
parent 8a50e90511
commit 7be2defa15
10 changed files with 81 additions and 86 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

128
animate.css vendored
View file

@ -2934,27 +2934,27 @@ Copyright (c) 2015 Daniel Eden
@-webkit-keyframes slideInDown { @-webkit-keyframes slideInDown {
0% { 0% {
-webkit-transform: translateY(-100%); -webkit-transform: translate3d(0, -100%, 0);
transform: translateY(-100%); transform: translate3d(0, -100%, 0);
visibility: visible; visibility: visible;
} }
100% { 100% {
-webkit-transform: translateY(0); -webkit-transform: translate3d(0, 0, 0);
transform: translateY(0); transform: translate3d(0, 0, 0);
} }
} }
@keyframes slideInDown { @keyframes slideInDown {
0% { 0% {
-webkit-transform: translateY(-100%); -webkit-transform: translate3d(0, -100%, 0);
transform: translateY(-100%); transform: translate3d(0, -100%, 0);
visibility: visible; visibility: visible;
} }
100% { 100% {
-webkit-transform: translateY(0); -webkit-transform: translate3d(0, 0, 0);
transform: translateY(0); transform: translate3d(0, 0, 0);
} }
} }
@ -2965,27 +2965,27 @@ Copyright (c) 2015 Daniel Eden
@-webkit-keyframes slideInLeft { @-webkit-keyframes slideInLeft {
0% { 0% {
-webkit-transform: translateX(-100%); -webkit-transform: translate3d(-100%, 0, 0);
transform: translateX(-100%); transform: translate3d(-100%, 0, 0);
visibility: visible; visibility: visible;
} }
100% { 100% {
-webkit-transform: translateX(0); -webkit-transform: translate3d(0, 0, 0);
transform: translateX(0); transform: translate3d(0, 0, 0);
} }
} }
@keyframes slideInLeft { @keyframes slideInLeft {
0% { 0% {
-webkit-transform: translateX(-100%); -webkit-transform: translate3d(-100%, 0, 0);
transform: translateX(-100%); transform: translate3d(-100%, 0, 0);
visibility: visible; visibility: visible;
} }
100% { 100% {
-webkit-transform: translateX(0); -webkit-transform: translate3d(0, 0, 0);
transform: translateX(0); transform: translate3d(0, 0, 0);
} }
} }
@ -2996,27 +2996,27 @@ Copyright (c) 2015 Daniel Eden
@-webkit-keyframes slideInRight { @-webkit-keyframes slideInRight {
0% { 0% {
-webkit-transform: translateX(100%); -webkit-transform: translate3d(100%, 0, 0);
transform: translateX(100%); transform: translate3d(100%, 0, 0);
visibility: visible; visibility: visible;
} }
100% { 100% {
-webkit-transform: translateX(0); -webkit-transform: translate3d(0, 0, 0);
transform: translateX(0); transform: translate3d(0, 0, 0);
} }
} }
@keyframes slideInRight { @keyframes slideInRight {
0% { 0% {
-webkit-transform: translateX(100%); -webkit-transform: translate3d(100%, 0, 0);
transform: translateX(100%); transform: translate3d(100%, 0, 0);
visibility: visible; visibility: visible;
} }
100% { 100% {
-webkit-transform: translateX(0); -webkit-transform: translate3d(0, 0, 0);
transform: translateX(0); transform: translate3d(0, 0, 0);
} }
} }
@ -3027,27 +3027,27 @@ Copyright (c) 2015 Daniel Eden
@-webkit-keyframes slideInUp { @-webkit-keyframes slideInUp {
0% { 0% {
-webkit-transform: translateY(100%); -webkit-transform: translate3d(0, 100%, 0);
transform: translateY(100%); transform: translate3d(0, 100%, 0);
visibility: visible; visibility: visible;
} }
100% { 100% {
-webkit-transform: translateY(0); -webkit-transform: translate3d(0, 0, 0);
transform: translateY(0); transform: translate3d(0, 0, 0);
} }
} }
@keyframes slideInUp { @keyframes slideInUp {
0% { 0% {
-webkit-transform: translateY(100%); -webkit-transform: translate3d(0, 100%, 0);
transform: translateY(100%); transform: translate3d(0, 100%, 0);
visibility: visible; visibility: visible;
} }
100% { 100% {
-webkit-transform: translateY(0); -webkit-transform: translate3d(0, 0, 0);
transform: translateY(0); transform: translate3d(0, 0, 0);
} }
} }
@ -3058,27 +3058,27 @@ Copyright (c) 2015 Daniel Eden
@-webkit-keyframes slideOutDown { @-webkit-keyframes slideOutDown {
0% { 0% {
-webkit-transform: translateY(0); -webkit-transform: translate3d(0, 0, 0);
transform: translateY(0); transform: translate3d(0, 0, 0);
} }
100% { 100% {
visibility: hidden; visibility: hidden;
-webkit-transform: translateY(100%); -webkit-transform: translate3d(0, 100%, 0);
transform: translateY(100%); transform: translate3d(0, 100%, 0);
} }
} }
@keyframes slideOutDown { @keyframes slideOutDown {
0% { 0% {
-webkit-transform: translateY(0); -webkit-transform: translate3d(0, 0, 0);
transform: translateY(0); transform: translate3d(0, 0, 0);
} }
100% { 100% {
visibility: hidden; visibility: hidden;
-webkit-transform: translateY(100%); -webkit-transform: translate3d(0, 100%, 0);
transform: translateY(100%); transform: translate3d(0, 100%, 0);
} }
} }
@ -3089,27 +3089,27 @@ Copyright (c) 2015 Daniel Eden
@-webkit-keyframes slideOutLeft { @-webkit-keyframes slideOutLeft {
0% { 0% {
-webkit-transform: translateX(0); -webkit-transform: translate3d(0, 0, 0);
transform: translateX(0); transform: translate3d(0, 0, 0);
} }
100% { 100% {
visibility: hidden; visibility: hidden;
-webkit-transform: translateX(-100%); -webkit-transform: translate3d(-100%, 0, 0);
transform: translateX(-100%); transform: translate3d(-100%, 0, 0);
} }
} }
@keyframes slideOutLeft { @keyframes slideOutLeft {
0% { 0% {
-webkit-transform: translateX(0); -webkit-transform: translate3d(0, 0, 0);
transform: translateX(0); transform: translate3d(0, 0, 0);
} }
100% { 100% {
visibility: hidden; visibility: hidden;
-webkit-transform: translateX(-100%); -webkit-transform: translate3d(-100%, 0, 0);
transform: translateX(-100%); transform: translate3d(-100%, 0, 0);
} }
} }
@ -3120,27 +3120,27 @@ Copyright (c) 2015 Daniel Eden
@-webkit-keyframes slideOutRight { @-webkit-keyframes slideOutRight {
0% { 0% {
-webkit-transform: translateX(0); -webkit-transform: translate3d(0, 0, 0);
transform: translateX(0); transform: translate3d(0, 0, 0);
} }
100% { 100% {
visibility: hidden; visibility: hidden;
-webkit-transform: translateX(100%); -webkit-transform: translate3d(100%, 0, 0);
transform: translateX(100%); transform: translate3d(100%, 0, 0);
} }
} }
@keyframes slideOutRight { @keyframes slideOutRight {
0% { 0% {
-webkit-transform: translateX(0); -webkit-transform: translate3d(0, 0, 0);
transform: translateX(0); transform: translate3d(0, 0, 0);
} }
100% { 100% {
visibility: hidden; visibility: hidden;
-webkit-transform: translateX(100%); -webkit-transform: translate3d(100%, 0, 0);
transform: translateX(100%); transform: translate3d(100%, 0, 0);
} }
} }
@ -3151,27 +3151,27 @@ Copyright (c) 2015 Daniel Eden
@-webkit-keyframes slideOutUp { @-webkit-keyframes slideOutUp {
0% { 0% {
-webkit-transform: translateY(0); -webkit-transform: translate3d(0, 0, 0);
transform: translateY(0); transform: translate3d(0, 0, 0);
} }
100% { 100% {
visibility: hidden; visibility: hidden;
-webkit-transform: translateY(-100%); -webkit-transform: translate3d(0, -100%, 0);
transform: translateY(-100%); transform: translate3d(0, -100%, 0);
} }
} }
@keyframes slideOutUp { @keyframes slideOutUp {
0% { 0% {
-webkit-transform: translateY(0); -webkit-transform: translate3d(0, 0, 0);
transform: translateY(0); transform: translate3d(0, 0, 0);
} }
100% { 100% {
visibility: hidden; visibility: hidden;
-webkit-transform: translateY(-100%); -webkit-transform: translate3d(0, -100%, 0);
transform: translateY(-100%); transform: translate3d(0, -100%, 0);
} }
} }

7
animate.min.css vendored
View file

File diff suppressed because one or more lines are too long

4
source/sliding_entrances/slideInDown.css
View file

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

4
source/sliding_entrances/slideInLeft.css
View file

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

4
source/sliding_entrances/slideInRight.css
View file

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

4
source/sliding_entrances/slideInUp.css
View file

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

4
source/sliding_exits/slideOutDown.css
View file

@ -1,11 +1,11 @@
@keyframes slideOutDown { @keyframes slideOutDown {
0% { 0% {
transform: translateY(0); transform: translate3d(0, 0, 0);
} }
100% { 100% {
visibility: hidden; visibility: hidden;
transform: translateY(100%); transform: translate3d(0, 100%, 0);
} }
} }

4
source/sliding_exits/slideOutLeft.css
View file

@ -1,11 +1,11 @@
@keyframes slideOutLeft { @keyframes slideOutLeft {
0% { 0% {
transform: translateX(0); transform: translate3d(0, 0, 0);
} }
100% { 100% {
visibility: hidden; visibility: hidden;
transform: translateX(-100%); transform: translate3d(-100%, 0, 0);
} }
} }

4
source/sliding_exits/slideOutRight.css
View file

@ -1,11 +1,11 @@
@keyframes slideOutRight { @keyframes slideOutRight {
0% { 0% {
transform: translateX(0); transform: translate3d(0, 0, 0);
} }
100% { 100% {
visibility: hidden; visibility: hidden;
transform: translateX(100%); transform: translate3d(100%, 0, 0);
} }
} }

4
source/sliding_exits/slideOutUp.css
View file

@ -1,11 +1,11 @@
@keyframes slideOutUp { @keyframes slideOutUp {
0% { 0% {
transform: translateY(0); transform: translate3d(0, 0, 0);
} }
100% { 100% {
visibility: hidden; visibility: hidden;
transform: translateY(-100%); transform: translate3d(0, -100%, 0);
} }
} }