登录表单
HTML仿谷歌风格登录注册表单，支持分阶段提交一款通过CSS样式布局的仿谷歌风格登录表单，通过点击切换按钮支持无刷新切换登录与注册功能。整体布局为：页面做左边部分为功能区，右半部分为背景图片区，完全仿照谷歌的登录界面布局风格进行设计。并且...
切换按钮
CSS+SVG实现非常有创意的图标左右滑动切换按钮一款时尚且有创意的左右滑动切换按钮，按钮的上方可以放置标识身份的图标，切换状态后按钮的图标随着标识进行变换。其中图标是基于SVG矢量图实现的，按钮的滚动丝滑效果是通过CSS实现的，点击切换事件通...
密码校验
HTML实时密码复杂度校验和可见性切换按钮 Web 组件该代码片段创建了一个包含密码复杂度校验和密码可见性切换按钮的Web组件。该组件允许用户输入密码，并实时显示密码是否符合规则，规则包含：是否包含小写字母、大写字母、数字、特殊字符以及是否8位字符...
立体开关
CSS实现等轴视角下的2.5D风格开关切换动画效果使用CSS的transition、transform以及grid-template-rows等关键属性实现的等轴视角下的2.5D风格立体开关动画效果，多用在游戏或其他创意场景中。附带阴影以及明暗...
悬停幻灯片
JavaScript带悬停效果的环绕型内容轮播插件这是一款现代的多功能时尚的带悬停效果的环绕型内容轮播插件，是基于JavaScript与CSS实现的，其中CSS负责外观及布局，JavaScript负责实现切换事件以及鼠标悬停事件。切换插件的下方...
个性开关按钮
CSS制作的Emoji表情开关切换按钮使用CSS实现的多功能时尚开关切换按钮，按钮上的滑块处于关闭状态时呈现的是「难过」Emoji表情，当打开开关时呈现的是「快乐」的Emoji表情，而且在滑动开关时Emoji表情滑块是以滚动的动画效...
糖果开关
CSS 创意棒棒糖开关切换按钮，切换次数越多糖果越小！一款超有创意的棒棒糖开关切换效果，底层就是checkbox，外观基于CSS实现了棒棒糖的切换按钮，通过多次的切换操作棒棒糖会因为「摩擦」而逐渐减小，下方是切换前后的对比图片。切换的事件效果是通过...
揭幕式轮播
带波浪切换按钮效果的响应式 gsap 内容轮播组件gsap实现的揭幕式动画效果内容轮播切换插件，配备了基于 CSS 创建的波纹扩散动画效果的左右切换按钮，通过gsap组件实现的揭幕式切换动画效果，丝滑顺畅给用户一种利索的感觉。
切换
CSS 创意手拨电源开关切换按钮非常有创意的一款状态切换按钮，外观是仿照现实生活中的电源手拨开关按钮设计的，当一边状态被选中/激活时会有按下开关的动画效果，而未被选中/激活的按钮则会翘起来，很有交互性，按钮的提示文案改成需求文...
定时轮播
GSAP实现的带倒计时时间轴的定时轮播图，图片依次渐进式展示基于 gsap 插件以及原生 JavaScript 实现的定时轮播插件，页面内容包含前后切换按钮、轮播进度以及单次轮播倒计时时间轴，还包含常见待轮播图片的缩略图，这些缩略图会依次放大进行展示，展...
开关按钮
纯 CSS 实现的带指示灯的平缓开关切换按钮基于纯 CSS 代码实现的平滑过渡的切换开关按钮。将复选框 checkbox 转换为漂亮的切换按钮，使用起来特别简单：只需将复选框 checkbox 放入指定的类名为「switch」的 div ...
响应式导航栏
基于JS + CSS 实现的带下拉菜单和搜索框的响应式导航实现了一个带下拉菜单和搜索框的响应式导航菜单，实现仅仅基于 CSS + JavaScript 实现不依赖于各类第三方插件。该菜单带有一个水平菜单栏，其中包含Logo、下拉框和一个用于搜索框的切换...