mand-mobile
Version:
A Vue.js 2.0 Mobile UI Toolkit
1 lines • 754 B
CSS
.md-switch{box-sizing:border-box;position:relative;width:80px;height:48px;border-radius:48px;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:80px;height:48px;border-radius:24px;background-color:#e2e4ea}.md-switch:after{top:4px;left:4px;width:40px;height:40px;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(32px);transform:translateX(32px)}