普通开关按钮

UI效果：将元素设置为背景，再利用元素的::before/::after绘制为开关触点。
交互思路：为元素添加状态样式，更迭背景色以及触点偏移值实现开关转换。当然可以额外添加一个checkbox元素，利用[checked]属性充当状态样式可以省去一些事件监听上的工作

开关

效果如下：