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.
70 lines (69 loc) • 1.41 kB
CSS
.mblSwirl.mblOut {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-name: mblSwirlOut;
animation-name: mblSwirlOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.mblSwirl.mblIn {
z-index: -100;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-name: mblSwirlIn;
animation-name: mblSwirlIn;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.mblSwirl.mblOut.mblReverse {
-webkit-animation-name: mblSwirlOutReverse;
animation-name: mblSwirlOutReverse;
}
@-webkit-keyframes mblSwirlOut {
from {
-webkit-transform: rotate(0deg) scale(1);
}
to {
-webkit-transform: rotate(-360deg) scale(0);
}
}
@keyframes mblSwirlOut {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(-360deg) scale(0);
}
}
@-webkit-keyframes mblSwirlOutReverse {
from {
-webkit-transform: rotate(0deg) scale(1);
}
to {
-webkit-transform: rotate(360deg) scale(0);
}
}
@keyframes mblSwirlOutReverse {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(360deg) scale(0);
}
}
@-webkit-keyframes mblSwirlIn {
from {
-webkit-transform: scale(1);
}
to {
-webkit-transform: scale(1);
}
}
@keyframes mblSwirlIn {
from {
transform: scale(1);
}
to {
transform: scale(1);
}
}