Robot/animate.css
1
0
Fork 0
mirror of https://github.com/animate-css/animate.css.git synced 2024-09-29 14:31:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

Updated left and right animations

Browse Source
This commit is contained in:
Jare Fagbemi 2014-04-22 09:38:20 -07:00
parent acc81aff3f
commit 0e5aacd282
6 changed files with 45 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
animate.css vendored
View File

@ -2914,14 +2914,16 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(60px);
transform: scale(.475) translateX(60px);
-webkit-transform: scale(.475) translateX(48px);
transform: scale(.475) translateX(48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@ -2931,15 +2933,17 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
-webkit-transform: scale(.1) translateX(-2000px);
-ms-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(60px);
-ms-transform: scale(.475) translateX(60px);
transform: scale(.475) translateX(60px);
-webkit-transform: scale(.475) translateX(48px);
-ms-transform: scale(.475) translateX(48px);
transform: scale(.475) translateX(48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@ -2953,14 +2957,16 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
opacity: 0;
-webkit-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-60px);
transform: scale(.475) translateX(-60px);
-webkit-transform: scale(.475) translateX(-48px);
transform: scale(.475) translateX(-48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@ -2970,15 +2976,17 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
-webkit-transform: scale(.1) translateX(2000px);
-ms-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-60px);
-ms-transform: scale(.475) translateX(-60px);
transform: scale(.475) translateX(-60px);
-webkit-transform: scale(.475) translateX(-48px);
-ms-transform: scale(.475) translateX(-48px);
transform: scale(.475) translateX(-48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@ -3033,8 +3041,8 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(60px);
transform: scale(.475) translateX(60px);
-webkit-transform: scale(.475) translateX(42px);
transform: scale(.475) translateX(42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@ -3051,9 +3059,9 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(60px);
-ms-transform: scale(.475) translateX(60px);
transform: scale(.475) translateX(60px);
-webkit-transform: scale(.475) translateX(42px);
-ms-transform: scale(.475) translateX(42px);
transform: scale(.475) translateX(42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@ -3077,8 +3085,8 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-60px);
transform: scale(.475) translateX(-60px);
-webkit-transform: scale(.475) translateX(-42px);
transform: scale(.475) translateX(-42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@ -3095,9 +3103,9 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-60px);
-ms-transform: scale(.475) translateX(-60px);
transform: scale(.475) translateX(-60px);
-webkit-transform: scale(.475) translateX(-42px);
-ms-transform: scale(.475) translateX(-42px);
transform: scale(.475) translateX(-42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}

2
animate.min.css vendored
View File

File diff suppressed because one or more lines are too long

5
source/zooming_entrances/zoomInLeft.css
View File

@ -2,12 +2,13 @@
0% {
opacity: 0;
transform: scale(.1) translateX(-2000px);
animation-timing-function: linear;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
transform: scale(.475) translateX(60px);
transform: scale(.475) translateX(48px);
animation-timing-function: ease-out;
}
}

5
source/zooming_entrances/zoomInRight.css
View File

@ -2,12 +2,13 @@
0% {
opacity: 0;
transform: scale(.1) translateX(2000px);
animation-timing-function: linear;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
transform: scale(.475) translateX(-60px);
transform: scale(.475) translateX(-48px);
animation-timing-function: ease-out;
}
}

2
source/zooming_exits/zoomOutLeft.css
View File

@ -1,7 +1,7 @@
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale(.475) translateX(60px);
transform: scale(.475) translateX(42px);
animation-timing-function: linear;
}

2
source/zooming_exits/zoomOutRight.css
View File

@ -1,7 +1,7 @@
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale(.475) translateX(-60px);
transform: scale(.475) translateX(-42px);
animation-timing-function: linear;
}