mand-mobile
Version:
A Vue.js 2.0 Mobile UI Toolkit
1 lines • 802 B
CSS
.md-switch{box-sizing:border-box;position:relative;width:10.66667vw;height:6.4vw;border-radius:6.4vw;background-color:#e2e4ea}.md-switch.disabled{opacity:.3}.md-switch:after,.md-switch:before{content:"";position:absolute;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.md-switch:before{top:0;left:0;width:10.66667vw;height:6.4vw;border-radius:3.2vw;background-color:#e2e4ea}.md-switch:after{top:0.53333vw;left:0.53333vw;width:5.33333vw;height:5.33333vw;background-color:#fff;border-radius:50%}.md-switch.active{background-color:#198cff}.md-switch.active:before{-webkit-transform:scale(0);transform:scale(0)}.md-switch.active:after{-webkit-transform:translateX(4.26667vw);transform:translateX(4.26667vw)}