创意切换按钮
CSS带霓虹灯边框以及指示灯效果的开关切换按钮一款高颜值的带霓虹灯边框的开关切换按钮，并且还带有开关指示灯特别的有创意。当关闭状态时，是一个全黑炫酷按钮形态，左上方的指示灯为红灯，当打开开关时，黑色按钮的边框变为绿色，且左上方的绿色指示灯点...
按钮切换
CSS创意合并字母切换按钮一款通过纯CSS实现的创意简约风格切换按钮，这款按钮的特色主要是开关的ON和OFF单词的切换效果，ON和OFF都有前面的O，这里让前面的按钮代表字母O，后面只有FF与N两个状态分别代表关和开...
滚动开关
CSS实现具有滚动效果的切换开关按钮基于纯CSS实现一个滚动（Rolling Check）样式的切换开关（Toggle Switch）按钮，这种开关在切换状态时标识开关的图标会有一个平滑的滚动动画，并且伴随着图标的变化，使得用户界...
开关按钮
CSS实现Gooey黏糊糊拨动开关按钮，气泡挤到一侧效果！通过CSS结合JS实现的黏糊糊动画效果开关拨动按钮，这种动画也像是泡泡被挤到一侧效果。其中的按钮是通过SVG矢量图实现的，CSS实现整体的动画效果，JavaScript响应按钮点击的切换事件。
赛力肯
Saas、App推广以及财务咨询等9大业务场景以及19款独特布局落地页 Bootstrap 网站模板合集「赛力肯」是一款基于响应式模板 Bootstrap 构建的多用途网站模板，内置了55+HTML功能页面，涵盖了包括App推广、企业产品推广、SaaS、财务咨询、在线课程、软件开发、会议活动、数字...
拉伸单选框
CSS+JS实现创意拉伸传递效果单选框radio按钮基于CSS结合JavaScript实现的一款极具创意的拉伸传递效果单选按钮，进行单选选择时，会有一个从上次选中选项区域到当前选中选项区域的一个拉伸动画效果，并使「选项」下落到选中位置。交互性和趣...
切换搜索选项
CSS+JS实现点击放大镜查找图标动态调整搜索选项的创意搜索框这款搜索框太太太有创意了！这简约风格、这实用功能真的太好用了！通过CSS技术在常规的搜索框基础上添加了搜索图标也就是放大镜小图标的动画效果，当点击放大镜时会响应搜索类型切换的功能，并且放大镜会做...
滑动开关
CSS实现Skeuomorphic拟物化风格立体滑动开关通过CSS实现的一款时尚的Skeuomorphic拟物化风格开关按钮，点击按钮滑动开关实现状态切换，滑动过程中按钮底色会发生变化以突出开光状态的切换。整个按钮切换滑动的动画特别的丝滑，背景仿照了...
拨动切换
CSS实现垂直翘板开关按钮，仿现实面板开关！通过CSS实现的一款特别精致的纵向翘板开关效果，通过鼠标可以拨动翘板开关已实现开关状态切换效果，当打开开关时翘板的下半部分会处于下按的状态并且有一个绿色的长条灯亮起，关闭开关时开关的上半部分处于...
明暗按钮
CSS亮色主题与暗色主题切换按钮，带太阳与月亮图标交互效果一款主题鲜明的亮色与暗色模式切换按钮，基于纯CSS实现特别的轻量级。按钮的图标会随着主题的变化而变化，当亮色主题模式下显示小太阳图标，当黑色主题模式下切换为月亮小图标。专门为亮色暗色主题切换场景...
滚动按钮
CSS实现3D滚球回滚切换按钮一款通过CSS结合TypeScript实现的3D滚球动画效果切换按钮，其中3D圆球的滚动、背景的立体阴影效果都是基于CSS属性实现的，小球表面的点状修饰是通过覆盖图片实现的。点击小球后者小球的旁...