input
元素是使用伪类(:before
或:after
),所以我没做更多的支持和优化我只是想尽量的保持html干净,所以没用其他え素做模拟如果你要使用在桌面应用上,或支持其他浏览器可以自己稍微修改一下,反正我是没测试过
今天继续分享一个iOS风格的switch开關管按钮,样子也非常常见如图:
类即可 在实际的使用中后来又增加了两个过渡效果,分别加 mui-switch-animbg和mui-switch-anim 类即可具体效果查看下面的demo頁面。
CSS代码(SCSS导出的排版有些奇怪):