先对一个input框进行圆角处理,input框的type属性选择checbox,用display:none将样式彻底隐藏。然后用一个无意义label标签对他进行宽高的处理,得先把label转化一下用display:inline-block;。设置好用css3的transition利用他的过度效果得到。

滑块

更多推荐

css3如何实现滑块