Skip to content

Commit 7be2def

Browse files
thelinuxkidthelinuxkid
committed
Use translate3d instead of translateY or translateX
1 parent 8a50e90 commit 7be2def

10 files changed

Lines changed: 81 additions & 86 deletions

File tree

‎animate.css‎

Lines changed: 64 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -2934,27 +2934,27 @@ Copyright (c) 2015 Daniel Eden
29342934

29352935
@-webkit-keyframes slideInDown {
29362936
0% {
2937-
-webkit-transform: translateY(-100%);
2938-
transform: translateY(-100%);
2937+
-webkit-transform: translate3d(0, -100%, 0);
2938+
transform: translate3d(0, -100%, 0);
29392939
visibility: visible;
29402940
}
29412941

29422942
100% {
2943-
-webkit-transform: translateY(0);
2944-
transform: translateY(0);
2943+
-webkit-transform: translate3d(0, 0, 0);
2944+
transform: translate3d(0, 0, 0);
29452945
}
29462946
}
29472947

29482948
@keyframes slideInDown {
29492949
0% {
2950-
-webkit-transform: translateY(-100%);
2951-
transform: translateY(-100%);
2950+
-webkit-transform: translate3d(0, -100%, 0);
2951+
transform: translate3d(0, -100%, 0);
29522952
visibility: visible;
29532953
}
29542954

29552955
100% {
2956-
-webkit-transform: translateY(0);
2957-
transform: translateY(0);
2956+
-webkit-transform: translate3d(0, 0, 0);
2957+
transform: translate3d(0, 0, 0);
29582958
}
29592959
}
29602960

@@ -2965,27 +2965,27 @@ Copyright (c) 2015 Daniel Eden
29652965

29662966
@-webkit-keyframes slideInLeft {
29672967
0% {
2968-
-webkit-transform: translateX(-100%);
2969-
transform: translateX(-100%);
2968+
-webkit-transform: translate3d(-100%, 0, 0);
2969+
transform: translate3d(-100%, 0, 0);
29702970
visibility: visible;
29712971
}
29722972

29732973
100% {
2974-
-webkit-transform: translateX(0);
2975-
transform: translateX(0);
2974+
-webkit-transform: translate3d(0, 0, 0);
2975+
transform: translate3d(0, 0, 0);
29762976
}
29772977
}
29782978

29792979
@keyframes slideInLeft {
29802980
0% {
2981-
-webkit-transform: translateX(-100%);
2982-
transform: translateX(-100%);
2981+
-webkit-transform: translate3d(-100%, 0, 0);
2982+
transform: translate3d(-100%, 0, 0);
29832983
visibility: visible;
29842984
}
29852985

29862986
100% {
2987-
-webkit-transform: translateX(0);
2988-
transform: translateX(0);
2987+
-webkit-transform: translate3d(0, 0, 0);
2988+
transform: translate3d(0, 0, 0);
29892989
}
29902990
}
29912991

@@ -2996,27 +2996,27 @@ Copyright (c) 2015 Daniel Eden
29962996

29972997
@-webkit-keyframes slideInRight {
29982998
0% {
2999-
-webkit-transform: translateX(100%);
3000-
transform: translateX(100%);
2999+
-webkit-transform: translate3d(100%, 0, 0);
3000+
transform: translate3d(100%, 0, 0);
30013001
visibility: visible;
30023002
}
30033003

30043004
100% {
3005-
-webkit-transform: translateX(0);
3006-
transform: translateX(0);
3005+
-webkit-transform: translate3d(0, 0, 0);
3006+
transform: translate3d(0, 0, 0);
30073007
}
30083008
}
30093009

30103010
@keyframes slideInRight {
30113011
0% {
3012-
-webkit-transform: translateX(100%);
3013-
transform: translateX(100%);
3012+
-webkit-transform: translate3d(100%, 0, 0);
3013+
transform: translate3d(100%, 0, 0);
30143014
visibility: visible;
30153015
}
30163016

30173017
100% {
3018-
-webkit-transform: translateX(0);
3019-
transform: translateX(0);
3018+
-webkit-transform: translate3d(0, 0, 0);
3019+
transform: translate3d(0, 0, 0);
30203020
}
30213021
}
30223022

@@ -3027,27 +3027,27 @@ Copyright (c) 2015 Daniel Eden
30273027

30283028
@-webkit-keyframes slideInUp {
30293029
0% {
3030-
-webkit-transform: translateY(100%);
3031-
transform: translateY(100%);
3030+
-webkit-transform: translate3d(0, 100%, 0);
3031+
transform: translate3d(0, 100%, 0);
30323032
visibility: visible;
30333033
}
30343034

30353035
100% {
3036-
-webkit-transform: translateY(0);
3037-
transform: translateY(0);
3036+
-webkit-transform: translate3d(0, 0, 0);
3037+
transform: translate3d(0, 0, 0);
30383038
}
30393039
}
30403040

30413041
@keyframes slideInUp {
30423042
0% {
3043-
-webkit-transform: translateY(100%);
3044-
transform: translateY(100%);
3043+
-webkit-transform: translate3d(0, 100%, 0);
3044+
transform: translate3d(0, 100%, 0);
30453045
visibility: visible;
30463046
}
30473047

30483048
100% {
3049-
-webkit-transform: translateY(0);
3050-
transform: translateY(0);
3049+
-webkit-transform: translate3d(0, 0, 0);
3050+
transform: translate3d(0, 0, 0);
30513051
}
30523052
}
30533053

@@ -3058,27 +3058,27 @@ Copyright (c) 2015 Daniel Eden
30583058

30593059
@-webkit-keyframes slideOutDown {
30603060
0% {
3061-
-webkit-transform: translateY(0);
3062-
transform: translateY(0);
3061+
-webkit-transform: translate3d(0, 0, 0);
3062+
transform: translate3d(0, 0, 0);
30633063
}
30643064

30653065
100% {
30663066
visibility: hidden;
3067-
-webkit-transform: translateY(100%);
3068-
transform: translateY(100%);
3067+
-webkit-transform: translate3d(0, 100%, 0);
3068+
transform: translate3d(0, 100%, 0);
30693069
}
30703070
}
30713071

30723072
@keyframes slideOutDown {
30733073
0% {
3074-
-webkit-transform: translateY(0);
3075-
transform: translateY(0);
3074+
-webkit-transform: translate3d(0, 0, 0);
3075+
transform: translate3d(0, 0, 0);
30763076
}
30773077

30783078
100% {
30793079
visibility: hidden;
3080-
-webkit-transform: translateY(100%);
3081-
transform: translateY(100%);
3080+
-webkit-transform: translate3d(0, 100%, 0);
3081+
transform: translate3d(0, 100%, 0);
30823082
}
30833083
}
30843084

@@ -3089,27 +3089,27 @@ Copyright (c) 2015 Daniel Eden
30893089

30903090
@-webkit-keyframes slideOutLeft {
30913091
0% {
3092-
-webkit-transform: translateX(0);
3093-
transform: translateX(0);
3092+
-webkit-transform: translate3d(0, 0, 0);
3093+
transform: translate3d(0, 0, 0);
30943094
}
30953095

30963096
100% {
30973097
visibility: hidden;
3098-
-webkit-transform: translateX(-100%);
3099-
transform: translateX(-100%);
3098+
-webkit-transform: translate3d(-100%, 0, 0);
3099+
transform: translate3d(-100%, 0, 0);
31003100
}
31013101
}
31023102

31033103
@keyframes slideOutLeft {
31043104
0% {
3105-
-webkit-transform: translateX(0);
3106-
transform: translateX(0);
3105+
-webkit-transform: translate3d(0, 0, 0);
3106+
transform: translate3d(0, 0, 0);
31073107
}
31083108

31093109
100% {
31103110
visibility: hidden;
3111-
-webkit-transform: translateX(-100%);
3112-
transform: translateX(-100%);
3111+
-webkit-transform: translate3d(-100%, 0, 0);
3112+
transform: translate3d(-100%, 0, 0);
31133113
}
31143114
}
31153115

@@ -3120,27 +3120,27 @@ Copyright (c) 2015 Daniel Eden
31203120

31213121
@-webkit-keyframes slideOutRight {
31223122
0% {
3123-
-webkit-transform: translateX(0);
3124-
transform: translateX(0);
3123+
-webkit-transform: translate3d(0, 0, 0);
3124+
transform: translate3d(0, 0, 0);
31253125
}
31263126

31273127
100% {
31283128
visibility: hidden;
3129-
-webkit-transform: translateX(100%);
3130-
transform: translateX(100%);
3129+
-webkit-transform: translate3d(100%, 0, 0);
3130+
transform: translate3d(100%, 0, 0);
31313131
}
31323132
}
31333133

31343134
@keyframes slideOutRight {
31353135
0% {
3136-
-webkit-transform: translateX(0);
3137-
transform: translateX(0);
3136+
-webkit-transform: translate3d(0, 0, 0);
3137+
transform: translate3d(0, 0, 0);
31383138
}
31393139

31403140
100% {
31413141
visibility: hidden;
3142-
-webkit-transform: translateX(100%);
3143-
transform: translateX(100%);
3142+
-webkit-transform: translate3d(100%, 0, 0);
3143+
transform: translate3d(100%, 0, 0);
31443144
}
31453145
}
31463146

@@ -3151,27 +3151,27 @@ Copyright (c) 2015 Daniel Eden
31513151

31523152
@-webkit-keyframes slideOutUp {
31533153
0% {
3154-
-webkit-transform: translateY(0);
3155-
transform: translateY(0);
3154+
-webkit-transform: translate3d(0, 0, 0);
3155+
transform: translate3d(0, 0, 0);
31563156
}
31573157

31583158
100% {
31593159
visibility: hidden;
3160-
-webkit-transform: translateY(-100%);
3161-
transform: translateY(-100%);
3160+
-webkit-transform: translate3d(0, -100%, 0);
3161+
transform: translate3d(0, -100%, 0);
31623162
}
31633163
}
31643164

31653165
@keyframes slideOutUp {
31663166
0% {
3167-
-webkit-transform: translateY(0);
3168-
transform: translateY(0);
3167+
-webkit-transform: translate3d(0, 0, 0);
3168+
transform: translate3d(0, 0, 0);
31693169
}
31703170

31713171
100% {
31723172
visibility: hidden;
3173-
-webkit-transform: translateY(-100%);
3174-
transform: translateY(-100%);
3173+
-webkit-transform: translate3d(0, -100%, 0);
3174+
transform: translate3d(0, -100%, 0);
31753175
}
31763176
}
31773177

‎animate.min.css‎

Lines changed: 1 addition & 6 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎source/sliding_entrances/slideInDown.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
@keyframes slideInDown {
22
0% {
3-
transform: translateY(-100%);
3+
transform: translate3d(0, -100%, 0);
44
visibility: visible;
55
}
66

77
100% {
8-
transform: translateY(0);
8+
transform: translate3d(0, 0, 0);
99
}
1010
}
1111

‎source/sliding_entrances/slideInLeft.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
@keyframes slideInLeft {
22
0% {
3-
transform: translateX(-100%);
3+
transform: translate3d(-100%, 0, 0);
44
visibility: visible;
55
}
66

77
100% {
8-
transform: translateX(0);
8+
transform: translate3d(0, 0, 0);
99
}
1010
}
1111

‎source/sliding_entrances/slideInRight.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
@keyframes slideInRight {
22
0% {
3-
transform: translateX(100%);
3+
transform: translate3d(100%, 0, 0);
44
visibility: visible;
55
}
66

77
100% {
8-
transform: translateX(0);
8+
transform: translate3d(0, 0, 0);
99
}
1010
}
1111

‎source/sliding_entrances/slideInUp.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
@keyframes slideInUp {
22
0% {
3-
transform: translateY(100%);
3+
transform: translate3d(0, 100%, 0);
44
visibility: visible;
55
}
66

77
100% {
8-
transform: translateY(0);
8+
transform: translate3d(0, 0, 0);
99
}
1010
}
1111

‎source/sliding_exits/slideOutDown.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
@keyframes slideOutDown {
22
0% {
3-
transform: translateY(0);
3+
transform: translate3d(0, 0, 0);
44
}
55

66
100% {
77
visibility: hidden;
8-
transform: translateY(100%);
8+
transform: translate3d(0, 100%, 0);
99
}
1010
}
1111

‎source/sliding_exits/slideOutLeft.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
@keyframes slideOutLeft {
22
0% {
3-
transform: translateX(0);
3+
transform: translate3d(0, 0, 0);
44
}
55

66
100% {
77
visibility: hidden;
8-
transform: translateX(-100%);
8+
transform: translate3d(-100%, 0, 0);
99
}
1010
}
1111

‎source/sliding_exits/slideOutRight.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
@keyframes slideOutRight {
22
0% {
3-
transform: translateX(0);
3+
transform: translate3d(0, 0, 0);
44
}
55

66
100% {
77
visibility: hidden;
8-
transform: translateX(100%);
8+
transform: translate3d(100%, 0, 0);
99
}
1010
}
1111

‎source/sliding_exits/slideOutUp.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
@keyframes slideOutUp {
22
0% {
3-
transform: translateY(0);
3+
transform: translate3d(0, 0, 0);
44
}
55

66
100% {
77
visibility: hidden;
8-
transform: translateY(-100%);
8+
transform: translate3d(0, -100%, 0);
99
}
1010
}
1111

0 commit comments

Comments
 (0)