1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| @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); }
|
|
