@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)); }