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.
22 lines (21 loc) • 1.04 kB
text/less
@import "../css3.less";
.mblSwirl.mblOut {
.animation-duration(.5s);
.animation-name(mblSwirlOut);
.animation-timing-function(ease-in);
}
.mblSwirl.mblIn {
z-index: -100;
.animation-duration(.5s);
.animation-name(mblSwirlIn);
.animation-timing-function(ease-in);
}
.mblSwirl.mblOut.mblReverse {
.animation-name(mblSwirlOutReverse);
}
@-webkit-keyframes mblSwirlOut { .keyframes-transform-from-to-webkit(rotate(0deg) scale(1.0), rotate(-360deg) scale(0.0)); }
@keyframes mblSwirlOut { .keyframes-transform-from-to (rotate(0deg) scale(1.0), rotate(-360deg) scale(0.0)); }
@-webkit-keyframes mblSwirlOutReverse { .keyframes-transform-from-to-webkit(rotate(0deg) scale(1.0), rotate(360deg) scale(0.0)); }
@keyframes mblSwirlOutReverse { .keyframes-transform-from-to (rotate(0deg) scale(1.0), rotate(360deg) scale(0.0)); }
@-webkit-keyframes mblSwirlIn { .keyframes-transform-from-to-webkit(scale(1.0), scale(1.0)); }
@keyframes mblSwirlIn { .keyframes-transform-from-to (scale(1.0), scale(1.0)); }