You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
2.1 KiB
25 lines
2.1 KiB
@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); }
|
|
|