dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
74 lines (73 loc) • 1.39 kB
CSS
.mblZoomOut.mblOut {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-name: mblZoomOutOut;
animation-name: mblZoomOutOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.dj_android .mblZoomOut.mblOut {
-webkit-animation-name: mblZoomOutOutAndroid;
animation-name: mblZoomOutOutAndroid;
}
.mblZoomOut.mblIn {
z-index: -100;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-name: mblZoomOutIn;
animation-name: mblZoomOutIn;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes mblZoomOutOut {
from {
-webkit-transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0);
opacity: 0;
}
}
@keyframes mblZoomOutOut {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(0);
opacity: 0;
}
}
@-webkit-keyframes mblZoomOutOutAndroid {
from {
-webkit-transform: scale(1);
}
to {
-webkit-transform: scale(0);
}
}
@keyframes mblZoomOutOutAndroid {
from {
transform: scale(1);
}
to {
transform: scale(0);
}
}
@-webkit-keyframes mblZoomOutIn {
from {
-webkit-transform: scale(1);
}
to {
-webkit-transform: scale(1);
}
}
@keyframes mblZoomOutIn {
from {
transform: scale(1);
}
to {
transform: scale(1);
}
}