Robot
/
animate.css
mirror of https://github.com/animate-css/animate.css.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Use translate3d instead of translateY or translateX

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

4
source/sliding_entrances/slideInLeft.css
View File

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

4
source/sliding_entrances/slideInRight.css
View File

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

4
source/sliding_entrances/slideInUp.css
View File

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

4
source/sliding_exits/slideOutDown.css
View File

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

4
source/sliding_exits/slideOutLeft.css
View File

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

4
source/sliding_exits/slideOutRight.css
View File

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

4
source/sliding_exits/slideOutUp.css
View File

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