Added zoom entrances and exits as per @ramatsu's request # 186
This commit is contained in:
parent
d372431f59
commit
087c92f510
|
@ -96,4 +96,20 @@
|
||||||
"rollOut": true
|
"rollOut": true
|
||||||
}
|
}
|
||||||
|
|
||||||
|
"zooming_entrances": {
|
||||||
|
"zoomIn": true,
|
||||||
|
"zoomInDown": true,
|
||||||
|
"zoomInLeft": true,
|
||||||
|
"zoomInRight": true,
|
||||||
|
"zoomInUp": true
|
||||||
|
},
|
||||||
|
|
||||||
|
"zooming_exits": {
|
||||||
|
"zoomOut": true,
|
||||||
|
"zoomOutDown": true,
|
||||||
|
"zoomOutLeft": true,
|
||||||
|
"zoomOutRight": true,
|
||||||
|
"zoomOutUp": true
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -2845,3 +2845,408 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
||||||
-webkit-animation-name: rollOut;
|
-webkit-animation-name: rollOut;
|
||||||
animation-name: rollOut;
|
animation-name: rollOut;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes zoomIn {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: scale(.3);
|
||||||
|
transform: scale(.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes zoomIn {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: scale(.3);
|
||||||
|
-ms-transform: scale(.3);
|
||||||
|
transform: scale(.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.zoomIn {
|
||||||
|
-webkit-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 {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: scale(.1) translateX(-2000px);
|
||||||
|
transform: scale(.1) translateX(-2000px);
|
||||||
|
-webkit-animation-timing-function: linear;
|
||||||
|
animation-timing-function: linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
60% {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: scale(.475) translateX(60px);
|
||||||
|
transform: scale(.475) translateX(60px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes zoomInLeft {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-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;
|
||||||
|
}
|
||||||
|
|
||||||
|
60% {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: scale(.475) translateX(60px);
|
||||||
|
-ms-transform: scale(.475) translateX(60px);
|
||||||
|
transform: scale(.475) translateX(60px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.zoomInLeft {
|
||||||
|
-webkit-animation-name: zoomInLeft;
|
||||||
|
animation-name: zoomInLeft;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes zoomInRight {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: scale(.1) translateX(2000px);
|
||||||
|
transform: scale(.1) translateX(2000px);
|
||||||
|
-webkit-animation-timing-function: linear;
|
||||||
|
animation-timing-function: linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
60% {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: scale(.475) translateX(-60px);
|
||||||
|
transform: scale(.475) translateX(-60px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes zoomInRight {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-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;
|
||||||
|
}
|
||||||
|
|
||||||
|
60% {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: scale(.475) translateX(-60px);
|
||||||
|
-ms-transform: scale(.475) translateX(-60px);
|
||||||
|
transform: scale(.475) translateX(-60px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.zoomInRight {
|
||||||
|
-webkit-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 {
|
||||||
|
0% {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: scale(1);
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: scale(.3);
|
||||||
|
transform: scale(.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes zoomOut {
|
||||||
|
0% {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: scale(1);
|
||||||
|
-ms-transform: scale(1);
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: scale(.3);
|
||||||
|
-ms-transform: scale(.3);
|
||||||
|
transform: scale(.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.zoomOut {
|
||||||
|
-webkit-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 {
|
||||||
|
40% {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: scale(.475) translateX(60px);
|
||||||
|
transform: scale(.475) translateX(60px);
|
||||||
|
-webkit-animation-timing-function: linear;
|
||||||
|
animation-timing-function: linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: scale(.1) translateX(-2000px);
|
||||||
|
transform: scale(.1) translateX(-2000px);
|
||||||
|
-webkit-transform-origin: left center;
|
||||||
|
transform-origin: left center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes zoomOutLeft {
|
||||||
|
40% {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: scale(.475) translateX(60px);
|
||||||
|
-ms-transform: scale(.475) translateX(60px);
|
||||||
|
transform: scale(.475) translateX(60px);
|
||||||
|
-webkit-animation-timing-function: linear;
|
||||||
|
animation-timing-function: linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: scale(.1) translateX(-2000px);
|
||||||
|
-ms-transform: scale(.1) translateX(-2000px);
|
||||||
|
transform: scale(.1) translateX(-2000px);
|
||||||
|
-webkit-transform-origin: left center;
|
||||||
|
-ms-transform-origin: left center;
|
||||||
|
transform-origin: left center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.zoomOutLeft {
|
||||||
|
-webkit-animation-name: zoomOutLeft;
|
||||||
|
animation-name: zoomOutLeft;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes zoomOutRight {
|
||||||
|
40% {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: scale(.475) translateX(-60px);
|
||||||
|
transform: scale(.475) translateX(-60px);
|
||||||
|
-webkit-animation-timing-function: linear;
|
||||||
|
animation-timing-function: linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: scale(.1) translateX(2000px);
|
||||||
|
transform: scale(.1) translateX(2000px);
|
||||||
|
-webkit-transform-origin: right center;
|
||||||
|
transform-origin: right center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes zoomOutRight {
|
||||||
|
40% {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: scale(.475) translateX(-60px);
|
||||||
|
-ms-transform: scale(.475) translateX(-60px);
|
||||||
|
transform: scale(.475) translateX(-60px);
|
||||||
|
-webkit-animation-timing-function: linear;
|
||||||
|
animation-timing-function: linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: scale(.1) translateX(2000px);
|
||||||
|
-ms-transform: scale(.1) translateX(2000px);
|
||||||
|
transform: scale(.1) translateX(2000px);
|
||||||
|
-webkit-transform-origin: right center;
|
||||||
|
-ms-transform-origin: right center;
|
||||||
|
transform-origin: right center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.zoomOutRight {
|
||||||
|
-webkit-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;
|
||||||
|
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,14 @@
|
||||||
|
@keyframes zoomIn {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.zoomIn {
|
||||||
|
animation-name: zoomIn;
|
||||||
|
}
|
|
@ -0,0 +1,16 @@
|
||||||
|
@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;
|
||||||
|
}
|
|
@ -0,0 +1,16 @@
|
||||||
|
@keyframes zoomInLeft {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(.1) translateX(-2000px);
|
||||||
|
animation-timing-function: linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
60% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(.475) translateX(60px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.zoomInLeft {
|
||||||
|
animation-name: zoomInLeft;
|
||||||
|
}
|
|
@ -0,0 +1,16 @@
|
||||||
|
@keyframes zoomInRight {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(.1) translateX(2000px);
|
||||||
|
animation-timing-function: linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
60% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(.475) translateX(-60px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.zoomInRight {
|
||||||
|
animation-name: zoomInRight;
|
||||||
|
}
|
|
@ -0,0 +1,16 @@
|
||||||
|
@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;
|
||||||
|
}
|
|
@ -0,0 +1,19 @@
|
||||||
|
@keyframes zoomOut {
|
||||||
|
0% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.zoomOut {
|
||||||
|
animation-name: zoomOut;
|
||||||
|
}
|
|
@ -0,0 +1,17 @@
|
||||||
|
@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;
|
||||||
|
}
|
|
@ -0,0 +1,17 @@
|
||||||
|
@keyframes zoomOutLeft {
|
||||||
|
40% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(.475) translateX(60px);
|
||||||
|
animation-timing-function: linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(.1) translateX(-2000px);
|
||||||
|
transform-origin: left center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.zoomOutLeft {
|
||||||
|
animation-name: zoomOutLeft;
|
||||||
|
}
|
|
@ -0,0 +1,17 @@
|
||||||
|
@keyframes zoomOutRight {
|
||||||
|
40% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(.475) translateX(-60px);
|
||||||
|
animation-timing-function: linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(.1) translateX(2000px);
|
||||||
|
transform-origin: right center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.zoomOutRight {
|
||||||
|
animation-name: zoomOutRight;
|
||||||
|
}
|
|
@ -0,0 +1,17 @@
|
||||||
|
@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;
|
||||||
|
}
|
Loading…
Reference in New Issue