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.
45 lines (44 loc) • 1.28 kB
CSS
.mblFlip {
-webkit-transition-property: none;
transition-property: none;
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.mblFlip.mblTransition {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.mblFlip.mblOut {
opacity: 1;
-webkit-transform: scale(1, 1) skew(0, 0) ;
transform: scale(1, 1) skew(0, 0) ;
}
.mblFlip.mblOut.mblTransition {
opacity: 0;
-webkit-transform: scale(0, 0.8) skew(0, 30deg) ;
transform: scale(0, 0.8) skew(0, 30deg) ;
}
.mblFlip.mblIn {
opacity: 0;
-webkit-transform: scale(0, 0.8) skew(0, -30deg) ;
transform: scale(0, 0.8) skew(0, -30deg) ;
}
.mblFlip.mblIn.mblTransition {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
opacity: 1;
-webkit-transform: scale(1, 1) skew(0, 0) ;
transform: scale(1, 1) skew(0, 0) ;
}
.dj_android.dj_tablet .mblFlip.mblTransition {
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.dj_android.dj_tablet .mblFlip.mblIn.mblTransition {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}