CSS3实现动画开关按钮代码基于纯CSS3实现，可以使用鼠标来控制开关滑动，按钮开关滑动时带有很炫的动画和渐变效果。

CSS33D炫酷左右滑动开关按钮是一款非常酷的CSS3 3D开关按钮，点击按钮可以左右滑动，就像开关打开闭合一样的效果，通过本篇文章给大家介绍纯CSS3代码实现滑动开关效果，需要的朋友可以参考下

今天小编给大家带来一个小demo，使用纯css3代码实现switch滑动开关按钮效果，非常实用，感兴趣的朋友可以参考下

废话不多说了，炫下效果图并附上演示和源码下载。 实现效果如下： 查看演示      源码下载  HTML结构代码： CSS代码： /*表单开关样式*/ .ui-switch { position: absolute; font-size: .16rem; right:0.07rem; top: 50%; margin-top: -0.16rem; width: .7rem; height: .3rem; line-height: .3rem; } .ui-switch input { wi

html结构 XML/HTML Code复制内容到剪贴板                                                               css代码，:before负责颜色，:after是那个白色小圆点，切换时的过渡效果用cs