庆祝单复选框
派对风格复选框和单选按钮 - 基于CSS+JS实现地庆祝交互效果这是一款派对风格的复选框和单选按钮效果，基于Web Animations API和HTML+CSS+JavaScript技术实现。设计上，当用户选择复选框或单选按钮时，会触发一系列庆祝动画，如...
美化复选框
CSS带动画填充与划线效果的复选框 - 视觉效果丰富的交互设计这是一款动画填充和划线带划线效果的复选框美化组件，基于HTML+CSS+JavaScript技术实现。设计上，未选中状态下的复选框实际上是一个覆盖在勾选标记上的方形。当用户选择复选框时，方形会逐...
复选框美化
CSS+JS实现美化过的高颜值复选框，带不确定状态图标这是一款CSS+JS实现的多选框，除了美化后的高颜值特点外，还特别引入了不确定状态，当未全部选中时就是「不确定状态」，此时复选框的图标中间是一条横岗，以满足更复杂的交互需求。每个状态之间的切换...
主题切换
CSS+JS实现带有插图的亮暗主题切换按钮，可用在开关、主题切换、场景切换中一款带有额外插图细节的主题拨动开关按钮，通过按钮调节白天以及夜晚，按钮中通过SVG实现了代表白天的太阳和白云以及代表晚上的月亮和星星主题插图元素。基本的HTML结构为checkbox复选框，通过...
手捏开关
CSS手捏式翘板波动开关，包含垂直、水平以及圆形三种形态这是一款通过纯CSS实现的手捏式翘板开关，完全模拟了现实中各种机器上的波动开关按钮，总共提供了垂直式、水平式以及圆形三种形态可供选择。实现非常简单，首先在HTML文件中定义三款按钮的雏形chec...
创意单选框
CSS通过老人半身像的显示与隐藏状态实现CheckBox复选框效果基于CSS实现的老人半身像效果，初始状态是半隐身状态（表示未选中状态），当点击时半身像突出显示并且呈现点头微笑的动画效果（表示选中状态），通过动画的两种效果实现CheckBox复选框的选中以及未...
加载按钮
CSS按钮的「提交、加载、完成」完整流程动画效果这种按钮加载动画效果是通过使用CSS中的:checked伪类来模拟进度和完成状态，当复选框（checkbox）被选中时，:checked状态会被激活，从而触发预定义的CSS样式变化，这些变化包括...
水果复选框
CSS橙子与蓝莓切换实现复选框切换效果通过纯CSS实现的通过单击切换蓝莓与橙子水果来实现开关切换或者复选框效果，实现方式其实是在checkbox复选框的基础上进行扩展实现的，CSS通过监测checked事件变换不同的水果形状。
选中撒花
CSS单选框创意选项切换效果，点击选项出现撒花庆祝动画！通过CSS的keyframes及animation等关键属性实现的单选框切换选项动画效果，当选项被选中时显示撒花、撒纸屑庆祝动画效果，可用在单选框复选框以及其他按钮点击事件上，增加点击的趣味性。
开关按钮
纯 CSS 实现的带指示灯的平缓开关切换按钮基于纯 CSS 代码实现的平滑过渡的切换开关按钮。将复选框 checkbox 转换为漂亮的切换按钮，使用起来特别简单：只需将复选框 checkbox 放入指定的类名为「switch」的 div ...
手风琴效果
CSS 实现的带复选框的多层嵌套式手风琴效果本代码是基于CSS和少量JS实现的一个内部带有复选框的嵌套式手风琴，其主要功能是在点击按钮时切换面板的 "激活 "和 "关闭 "状态，从而方便用户选择选项，其中JavaScript 代码为手风琴...
选座
使用 JavaScript 实现的在线选座订票插件使用 JavaScript 创建一个在线选座预订票插件，可适用于电影院、演唱会、剧场等有在线售票需求的网站及服务，用户可通过点击复选框选择座位，代码校验了用户在选择座位前需输入姓名和所需座位数，...