Removed up and down zooms

This commit is contained in:
Jare Fagbemi 2014-04-22 09:32:47 -07:00
parent c643e45aeb
commit acc81aff3f
7 changed files with 4 additions and 240 deletions

View File

@ -95,22 +95,18 @@
"hinge": true, "hinge": true,
"rollIn": true, "rollIn": true,
"rollOut": true "rollOut": true
} },
"zooming_entrances": { "zooming_entrances": {
"zoomIn": true, "zoomIn": true,
"zoomInDown": true,
"zoomInLeft": true, "zoomInLeft": true,
"zoomInRight": true, "zoomInRight": true
"zoomInUp": true
}, },
"zooming_exits": { "zooming_exits": {
"zoomOut": true, "zoomOut": true,
"zoomOutDown": true,
"zoomOutLeft": true, "zoomOutLeft": true,
"zoomOutRight": true, "zoomOutRight": true
"zoomOutUp": true
} }
} }

166
animate.css vendored
View File

@ -2909,45 +2909,6 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
animation-name: zoomIn; animation-name: zoomIn;
} }
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
-ms-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
-ms-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft { @-webkit-keyframes zoomInLeft {
0% { 0% {
opacity: 0; opacity: 0;
@ -3026,45 +2987,6 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
animation-name: zoomInRight; animation-name: zoomInRight;
} }
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
-ms-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
-ms-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut { @-webkit-keyframes zoomOut {
0% { 0% {
opacity: 1; opacity: 1;
@ -3108,50 +3030,6 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
animation-name: zoomOut; animation-name: zoomOut;
} }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
-ms-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
-ms-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft { @-webkit-keyframes zoomOutLeft {
40% { 40% {
opacity: 1; opacity: 1;
@ -3238,48 +3116,4 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
.zoomOutRight { .zoomOutRight {
-webkit-animation-name: zoomOutRight; -webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight; animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-transform-origin: center top;
transform-origin: center top;
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
-ms-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
-ms-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
} }

2
animate.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -1,16 +0,0 @@
@keyframes zoomInDown {
0% {
opacity: 0;
transform: scale(.1) translateY(-2000px);
animation-timing-function: linear;
}
60% {
opacity: 1;
transform: scale(.475) translateY(60px);
}
}
.zoomInDown {
animation-name: zoomInDown;
}

View File

@ -1,16 +0,0 @@
@keyframes zoomInUp {
0% {
opacity: 0;
transform: scale(.1) translateY(2000px);
animation-timing-function: linear;
}
60% {
opacity: 1;
transform: scale(.475) translateY(-60px);
}
}
.zoomInUp {
animation-name: zoomInUp;
}

View File

@ -1,17 +0,0 @@
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale(.475) translateY(-60px);
animation-timing-function: linear;
}
100% {
opacity: 0;
transform: scale(.1) translateY(2000px);
transform-origin: center bottom;
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}

View File

@ -1,17 +0,0 @@
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale(.475) translateY(60px);
animation-timing-function: linear;
}
100% {
opacity: 0;
transform: scale(.1) translateY(-2000px);
transform-origin: center top;
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}