糖果开关
CSS 创意棒棒糖开关切换按钮，切换次数越多糖果越小！一款超有创意的棒棒糖开关切换效果，底层就是checkbox，外观基于CSS实现了棒棒糖的切换按钮，通过多次的切换操作棒棒糖会因为「摩擦」而逐渐减小，下方是切换前后的对比图片。切换的事件效果是通过...
增删卡片
CSS 添加与移除卡片布局自动调整效果（使用view-transition-class实现）实现了灵活的增删卡片并自动调整布局的效果，卡片的布局使用了CSS的view-transition-class等关键属性实现，卡片的增删事件是由JavaScript实现的，用户可通过添加按钮（+）...
菜谱布局
CSS 极具创意的菜谱介绍网页布局使用纯CSS实现的烹饪过程菜谱介绍网页布局效果，该布局划分为两大区域，分别是食材图文介绍区以及烹饪过程视频区，两大区域可通过按钮平滑切换，其中的食材区可放置菜品成品图片以及所需要的食材和烹饪时间...
消息通知
CSS 创意溅射效果吐司 Toast 通知提示框带来4款极具创意的带溅射效果的吐司 Toast 通知组件，可用在警告提示、错误提示、成功提示以及帮助信息提示场景，通过CSS设置提示信息的background的radial-gradient属性...
次世代
前沿未来主题 HUD UI 风格 Bootstrap 管理端模板这款模板是全球首个基于流行的 Bootstrap 5.3.3 框架构建的未来主义 HUD 风格管理模板。这款 Admin 模板的设计理念受最前沿的HUD UI启发，呈现出干净、流畅和时尚现代的设...
吹风电扇
CSS 仿真台风扇动画效果使用纯 CSS 实现的 3D 仿真电风扇，非常逼真的还原了台扇的立体效果，并且实现了家用台扇的基本功能，有四个按钮，其中一个是开关按钮，另外三个是档位控制按钮，通过鼠标可以操控电扇的开关以及风速...
揭幕式轮播
带波浪切换按钮效果的响应式 gsap 内容轮播组件gsap实现的揭幕式动画效果内容轮播切换插件，配备了基于 CSS 创建的波纹扩散动画效果的左右切换按钮，通过gsap组件实现的揭幕式切换动画效果，丝滑顺畅给用户一种利索的感觉。
切换
CSS 创意手拨电源开关切换按钮非常有创意的一款状态切换按钮，外观是仿照现实生活中的电源手拨开关按钮设计的，当一边状态被选中/激活时会有按下开关的动画效果，而未被选中/激活的按钮则会翘起来，很有交互性，按钮的提示文案改成需求文...
小鸭子闯迷宫
JavaScript 经典益智游戏-鸭子闯迷宫游戏这是一款总共包含 54 个关卡的响应式益智游戏，无需各类三方插件，仅仅是基于 JavaScript 结合 CSS 实现的，不仅能在电脑上顺畅运行，在手机与平板上也能良好运行，尽管这款小游戏包含 ...
木制按钮
CSS 木制感十足的开关按钮使用 CSS 绘制的复古风格浓重的木制外观按钮，提供了四种个性的样式，其中第一种样式使用了 svg 的图标实现，其余都是纯 CSS 实现的，原理主要是使用了 CSS 的 radial-gradi...
图片切换
JavaScript 横向滚动轴切换图片多张图片横向平铺放不下怎么办？可以考虑加横轴滚动条来实现横向平铺更多图片！这款组件实现了横向无限扩展查看更多图片的功能，当图片或者其他块级元素超过横向屏幕时底部会出现横向的滚动条，并且支持鼠标左...
创意首屏设计
CSS 创意日全食聚光灯下的英雄区块首屏设计使用 CSS 实现的创意英雄区块展示效果，由多种震撼效果组合而成，右上方是一个带边框色彩流动效果的「联系按钮」，中间放置一个日全食效果下散发着微弱光的月亮图标，当点击月亮图标时会发出金黄色的光投...