纯 CSS 实现的带指示灯的平缓开关切换按钮

     基于纯 CSS 代码实现的平滑过渡的切换开关按钮。将复选框 checkbox 转换为漂亮的切换按钮,使用起来特别简单:只需将复选框 checkbox 放入指定的类名为「switch」的 div 元素即可,然后它就会转换成一个切换按钮。此外,你还可以在其中放置一个 span 元素,作为指示器显示。另外,还可以对这款切换按钮自定义外观,包括边框、颜色、背景色以及阴影效果。

模板目录结构如下: