Skip to content

Commit 0e5aacd

Browse files
author
Jare Fagbemi
committed
Updated left and right animations
1 parent acc81af commit 0e5aacd

File tree

6 files changed

+45
-35
lines changed

6 files changed

+45
-35
lines changed

‎animate.css‎

Lines changed: 36 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -2914,14 +2914,16 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
29142914
opacity: 0;
29152915
-webkit-transform: scale(.1) translateX(-2000px);
29162916
transform: scale(.1) translateX(-2000px);
2917-
-webkit-animation-timing-function: linear;
2918-
animation-timing-function: linear;
2917+
-webkit-animation-timing-function: ease-in-out;
2918+
animation-timing-function: ease-in-out;
29192919
}
29202920

29212921
60% {
29222922
opacity: 1;
2923-
-webkit-transform: scale(.475) translateX(60px);
2924-
transform: scale(.475) translateX(60px);
2923+
-webkit-transform: scale(.475) translateX(48px);
2924+
transform: scale(.475) translateX(48px);
2925+
-webkit-animation-timing-function: ease-out;
2926+
animation-timing-function: ease-out;
29252927
}
29262928
}
29272929

@@ -2931,15 +2933,17 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
29312933
-webkit-transform: scale(.1) translateX(-2000px);
29322934
-ms-transform: scale(.1) translateX(-2000px);
29332935
transform: scale(.1) translateX(-2000px);
2934-
-webkit-animation-timing-function: linear;
2935-
animation-timing-function: linear;
2936+
-webkit-animation-timing-function: ease-in-out;
2937+
animation-timing-function: ease-in-out;
29362938
}
29372939

29382940
60% {
29392941
opacity: 1;
2940-
-webkit-transform: scale(.475) translateX(60px);
2941-
-ms-transform: scale(.475) translateX(60px);
2942-
transform: scale(.475) translateX(60px);
2942+
-webkit-transform: scale(.475) translateX(48px);
2943+
-ms-transform: scale(.475) translateX(48px);
2944+
transform: scale(.475) translateX(48px);
2945+
-webkit-animation-timing-function: ease-out;
2946+
animation-timing-function: ease-out;
29432947
}
29442948
}
29452949

@@ -2953,14 +2957,16 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
29532957
opacity: 0;
29542958
-webkit-transform: scale(.1) translateX(2000px);
29552959
transform: scale(.1) translateX(2000px);
2956-
-webkit-animation-timing-function: linear;
2957-
animation-timing-function: linear;
2960+
-webkit-animation-timing-function: ease-in-out;
2961+
animation-timing-function: ease-in-out;
29582962
}
29592963

29602964
60% {
29612965
opacity: 1;
2962-
-webkit-transform: scale(.475) translateX(-60px);
2963-
transform: scale(.475) translateX(-60px);
2966+
-webkit-transform: scale(.475) translateX(-48px);
2967+
transform: scale(.475) translateX(-48px);
2968+
-webkit-animation-timing-function: ease-out;
2969+
animation-timing-function: ease-out;
29642970
}
29652971
}
29662972

@@ -2970,15 +2976,17 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
29702976
-webkit-transform: scale(.1) translateX(2000px);
29712977
-ms-transform: scale(.1) translateX(2000px);
29722978
transform: scale(.1) translateX(2000px);
2973-
-webkit-animation-timing-function: linear;
2974-
animation-timing-function: linear;
2979+
-webkit-animation-timing-function: ease-in-out;
2980+
animation-timing-function: ease-in-out;
29752981
}
29762982

29772983
60% {
29782984
opacity: 1;
2979-
-webkit-transform: scale(.475) translateX(-60px);
2980-
-ms-transform: scale(.475) translateX(-60px);
2981-
transform: scale(.475) translateX(-60px);
2985+
-webkit-transform: scale(.475) translateX(-48px);
2986+
-ms-transform: scale(.475) translateX(-48px);
2987+
transform: scale(.475) translateX(-48px);
2988+
-webkit-animation-timing-function: ease-out;
2989+
animation-timing-function: ease-out;
29822990
}
29832991
}
29842992

@@ -3033,8 +3041,8 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
30333041
@-webkit-keyframes zoomOutLeft {
30343042
40% {
30353043
opacity: 1;
3036-
-webkit-transform: scale(.475) translateX(60px);
3037-
transform: scale(.475) translateX(60px);
3044+
-webkit-transform: scale(.475) translateX(42px);
3045+
transform: scale(.475) translateX(42px);
30383046
-webkit-animation-timing-function: linear;
30393047
animation-timing-function: linear;
30403048
}
@@ -3051,9 +3059,9 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
30513059
@keyframes zoomOutLeft {
30523060
40% {
30533061
opacity: 1;
3054-
-webkit-transform: scale(.475) translateX(60px);
3055-
-ms-transform: scale(.475) translateX(60px);
3056-
transform: scale(.475) translateX(60px);
3062+
-webkit-transform: scale(.475) translateX(42px);
3063+
-ms-transform: scale(.475) translateX(42px);
3064+
transform: scale(.475) translateX(42px);
30573065
-webkit-animation-timing-function: linear;
30583066
animation-timing-function: linear;
30593067
}
@@ -3077,8 +3085,8 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
30773085
@-webkit-keyframes zoomOutRight {
30783086
40% {
30793087
opacity: 1;
3080-
-webkit-transform: scale(.475) translateX(-60px);
3081-
transform: scale(.475) translateX(-60px);
3088+
-webkit-transform: scale(.475) translateX(-42px);
3089+
transform: scale(.475) translateX(-42px);
30823090
-webkit-animation-timing-function: linear;
30833091
animation-timing-function: linear;
30843092
}
@@ -3095,9 +3103,9 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
30953103
@keyframes zoomOutRight {
30963104
40% {
30973105
opacity: 1;
3098-
-webkit-transform: scale(.475) translateX(-60px);
3099-
-ms-transform: scale(.475) translateX(-60px);
3100-
transform: scale(.475) translateX(-60px);
3106+
-webkit-transform: scale(.475) translateX(-42px);
3107+
-ms-transform: scale(.475) translateX(-42px);
3108+
transform: scale(.475) translateX(-42px);
31013109
-webkit-animation-timing-function: linear;
31023110
animation-timing-function: linear;
31033111
}

‎animate.min.css‎

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

‎source/zooming_entrances/zoomInLeft.css‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,13 @@
22
0% {
33
opacity: 0;
44
transform: scale(.1) translateX(-2000px);
5-
animation-timing-function: linear;
5+
animation-timing-function: ease-in-out;
66
}
77

88
60% {
99
opacity: 1;
10-
transform: scale(.475) translateX(60px);
10+
transform: scale(.475) translateX(48px);
11+
animation-timing-function: ease-out;
1112
}
1213
}
1314

‎source/zooming_entrances/zoomInRight.css‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,13 @@
22
0% {
33
opacity: 0;
44
transform: scale(.1) translateX(2000px);
5-
animation-timing-function: linear;
5+
animation-timing-function: ease-in-out;
66
}
77

88
60% {
99
opacity: 1;
10-
transform: scale(.475) translateX(-60px);
10+
transform: scale(.475) translateX(-48px);
11+
animation-timing-function: ease-out;
1112
}
1213
}
1314

‎source/zooming_exits/zoomOutLeft.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
@keyframes zoomOutLeft {
22
40% {
33
opacity: 1;
4-
transform: scale(.475) translateX(60px);
4+
transform: scale(.475) translateX(42px);
55
animation-timing-function: linear;
66
}
77

‎source/zooming_exits/zoomOutRight.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
@keyframes zoomOutRight {
22
40% {
33
opacity: 1;
4-
transform: scale(.475) translateX(-60px);
4+
transform: scale(.475) translateX(-42px);
55
animation-timing-function: linear;
66
}
77

0 commit comments

Comments
 (0)