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.
26 lines (25 loc) • 2.13 kB
text/less
@import "../css3.less";
.mblSwap {
.animation-duration(.6s);
.animation-timing-function(linear);
}
.mblSwap.mblOut {
.animation-name(mblSwapOut);
}
.mblSwap.mblIn {
.animation-name(mblSwapIn);
}
.mblSwap.mblOut.mblReverse {
.animation-name(mblSwapOutReverse);
}
.mblSwap.mblIn.mblReverse {
.animation-name(mblSwapInReverse);
}
@-webkit-keyframes mblSwapOut { .keyframes-z-index-transform-opacity-0-50-100-webkit(auto, translate3d(0%,0%,0px) scale(1.0), 1, -60, translate3d(-45%,5%,0px) scale(.6), .4, -100, translate3d(-20%,10%,0px) scale(.4), 0); }
@keyframes mblSwapOut { .keyframes-z-index-transform-opacity-0-50-100 (auto, translate3d(0%,0%,0px) scale(1.0), 1, -60, translate3d(-45%,5%,0px) scale(.6), .4, -100, translate3d(-20%,10%,0px) scale(.4), 0); }
@-webkit-keyframes mblSwapIn { .keyframes-z-index-transform-opacity-0-50-100-webkit(-100, translate3d(-20%,0%,0px) scale(.5), .4, -40, translate3d(45%,0%,0px) scale(.7), 1, auto, translate3d(0%,0%,0px) scale(1.0), 1); }
@keyframes mblSwapIn { .keyframes-z-index-transform-opacity-0-50-100 (-100, translate3d(-20%,0%,0px) scale(.5), .4, -40, translate3d(45%,0%,0px) scale(.7), 1, auto, translate3d(0%,0%,0px) scale(1.0), 1); }
@-webkit-keyframes mblSwapOutReverse { .keyframes-z-index-transform-opacity-0-50-100-webkit(auto, translate3d(0%,0%,0px) scale(1.0), 1, -60, translate3d(45%,5%,0px) scale(.6), .4, -100, translate3d(20%,10%,0px) scale(.4), 0); }
@keyframes mblSwapOutReverse { .keyframes-z-index-transform-opacity-0-50-100 (auto, translate3d(0%,0%,0px) scale(1.0), 1, -60, translate3d(45%,5%,0px) scale(.6), .4, -100, translate3d(20%,10%,0px) scale(.4), 0); }
@-webkit-keyframes mblSwapInReverse { .keyframes-z-index-transform-opacity-0-50-100-webkit(-100, translate3d(20%,0%,0px) scale(.5), .4, -40, translate3d(-45%,0%,0px) scale(.7), 1, auto, translate3d(0%,0%,0px) scale(1.0), 1); }
@keyframes mblSwapInReverse { .keyframes-z-index-transform-opacity-0-50-100 (-100, translate3d(20%,0%,0px) scale(.5), .4, -40, translate3d(-45%,0%,0px) scale(.7), 1, auto, translate3d(0%,0%,0px) scale(1.0), 1); }