我认为单选按钮、复选框、开关等在输入表单中经常使用，但我认为设计往往单调。
因此，这一次，我将介绍一个动画切换，它与CSS，这是很容易与Kopipe使用。
我经常在形式等中使用所有手段的切换。请参考。
目次
单击灯泡式切换开关
查看笔
纯CSS灯泡开关由格热戈兹·维察克（@Wujek_Greg）
在 CodePen 上。
动画切换开关，其中特定动画样式的字符通过单击唤醒或睡眠
查看笔
亚当·库恩的托托罗·托格尔 （@cobra_winfrey）
在 CodePen 上。
弹性动画开关框，单击时反弹（切换）
查看笔
✅弹簧开关盒 | 复选框切换动画 | @keyframers 2.0.0 通过@keyframers （@keyframers）
在 CodePen 上。
动画开关框（切换），通过单击径向更改颜色
查看笔
#028 – 通过弗洛林流行音乐切换径向效果（@FlorinPop17）
在 CodePen 上。
带有 CSS 网格动画的简单切换框（切换）
查看笔
CSS 网格切换（仅限火狐夜间动画）由利亚姆 （@liamj）
在 CodePen 上。
三个简单的开关盒（切换）
查看笔
达琳·圣皮埃尔（@bloqhead）的简单旋钮
在 CodePen 上。
开关框（切换），通过单击切换性别
查看笔
性别切换纯CSS由钦图·亚达夫·萨拉 （@chintuyadav）
在 CodePen 上。
切换开关，如电动开关按钮
查看笔
选中复选框摇杆切换开关由马库斯·康纳 （@marcusconnor）
在 CodePen 上。
切换开关与红色和绿色的 kawaii 设计，易于理解打开和关闭
查看笔
切换动画由亚伦·伊克 （@aaroniker）
在 CodePen 上。
动画切换开关，可按键锁定和解锁
查看笔
锁定开关动画由亚伦·伊克 （@aaroniker）
在 CodePen 上。
切换按钮，可自由更改 ON 的背景颜色
查看笔
股票订阅按钮 （CSS） （@Stockin）
在 CodePen 上。
切换的动画大致覆盖！开-关动画开关 15 种
查看笔
纯 CSS 切换按钮 | 喜马拉雅·辛格的开-关开关（@himalayasingh）
在 CodePen 上。
黑白动画切换按钮
查看笔
切换器（复选框）由 Zed 短划线 （_z-）
在 CodePen 上。
