纯CSS3灯光开关动画自定义checkbox样式

6,285 人浏览

2017-11-24 17:25:33

本文作者html5tricks，转载请注明出处

今天我们要分享一个纯CSS3灯光开关动画，切换开关可以改变页面背景颜色，从而模拟灯光的开启和关闭。值得注意的是，这款开关是通过CSS3自定义checkbox样式来实现的，记得很早以前也分享过类似的一个CSS3应用纯CSS3实现发光开关切换按钮，也是通过CSS3改变checkbox默认行为样式来实现的，外观都比较漂亮。