教你使用CSS制作Switch动画开关按钮

CSS制作Switch动画开关按钮这是一款使用纯 CSS 制作的 Switch 动画开关按钮，共 18 个，分为胶囊形和矩形两类，每个按钮都有自己独特的动画效果，看起来非常的逼真形象。

注意：演示中使用的字体为 10px，但 Chrome 以及 Chrome 内核的浏览器无法显示小于 12px 的字体，个别按钮会有点小问题，所以使用 Firefox 和 Safari 浏览器查看更佳。

文件目录结构如下所示：