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.41 kB
CSS
.mblScaleOut.mblOut {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-name: mblScaleOutOut;
animation-name: mblScaleOutOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.dj_android .mblScaleOut.mblOut {
-webkit-animation-name: mblScaleOutOutAndroid;
animation-name: mblScaleOutOutAndroid;
}
.mblScaleOut.mblIn {
z-index: -100;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-name: mblScaleOutIn;
animation-name: mblScaleOutIn;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes mblScaleOutOut {
from {
-webkit-transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0);
opacity: 0;
}
}
@keyframes mblScaleOutOut {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(0);
opacity: 0;
}
}
@-webkit-keyframes mblScaleOutOutAndroid {
from {
-webkit-transform: scale(1);
}
to {
-webkit-transform: scale(0);
}
}
@keyframes mblScaleOutOutAndroid {
from {
transform: scale(1);
}
to {
transform: scale(0);
}
}
@-webkit-keyframes mblScaleOutIn {
from {
-webkit-transform: scale(1);
}
to {
-webkit-transform: scale(1);
}
}
@keyframes mblScaleOutIn {
from {
transform: scale(1);
}
to {
transform: scale(1);
}
}