复嘟嘟
快餐与餐饮 HTML 响应式模板，打造现代化餐饮网站的良好解决方案「复嘟嘟」是一款专为快餐店和餐饮业打造的Bootstrap响应式网站模板，该模板内置26+HTML内页，包含常见餐饮类网站所需的功能。并且内置了4款独特的主页布局，以及4款对应的黑色模式主题。为...
触控调温
CSS+GSAP触控调节温度调节器，带温度实时反馈效果的简约型恒温器这款极简风格的温度调节细是通过CSS+GSAP+Draggable技术实现的，界面设计简洁而直观，用户可以通过触控或者鼠标在圆形截面上拖动两种方式轻松调整温度。此外，当鼠标悬浮于界面时还提供了...
塑料开关
CSS带玻璃质感塑料材质的拟物化风格开关切换按钮这款基于纯CSS实现的玻璃发光切换开关设计灵感来源于拟物化（Skeuomorphism）时代的设计风格，结合了现代材料与复古元素，创造出一种既时尚又具有怀旧感的交互切换组件。该开关采用透明玻璃材...
切片开关
CSS分割切片转场动画效果开关切换按钮通过纯CSS实现的一款创新切换开关按钮设计，在切换的过程中，按钮会分割成多个小纸片然后依次向另一侧平滑的移动，整个切换效果特别流畅。这种设计不仅增加了视觉上的趣味性，还通过逐步的动画效果提升了...
手机导航栏
CSS实现放大镜效果移动导航栏，突出显示菜单项基于CSS+JS实现的创意放大镜效果移动导航栏，切换导航选项时，所选中的菜单选项上面会有放大镜效果，并且菜单选项适当放大，为用户带来一种独特且直观的视觉体验。这种设计不仅增强了导航的可读性和互动...
弹跳时钟
CSS动感时钟：以方块弹跳方式切换时间数字的数字时钟这是一个基于CSS+JS实现的简约风格跳跳方块动画效果数字时钟，每秒钟时钟的数字会以弹跳的方式更新，为用户带来一种生动而有趣的视觉体验。这种设计不仅增加了时钟的互动性，还使其在众多静态时钟中脱颖而出。
像素化iMAC
像素化 iMac G3：纯 CSS 制作的复古电脑这是一个用纯 CSS 制作的像素化（块状）iMac G3 模型效果。用户可以通过点击来开关机，切换到暗模式后，可以看到 iMac 在黑暗中发出光芒，营造出一种复古而深邃的视觉效果。
降落按钮
SVG+CSS创意垂直降落动画切换按钮一款通过CSS+SVG实现地带有垂直降落动画效果的按钮切换效果，为用户界面增添了趣味性和交互感。每个按钮都有一个简洁的浅底色垂直对齐图标，当用户点击时，浅底色的图标以降落物体的动画效果进行进行...
开关切换
CSS「环绕世界」动画效果开关切换按钮“环游世界开关”按钮是一款通过CSS结合少量JS实现的充满创意和趣味的开关设计。传统的开关通常是通过简单地左右滑动或上下拨动来切换状态。而在这种设计中，开关的手柄需要“环游世界”一圈才能从一侧...
投掷切换
CSS带投掷以及自由落体动画效果的切换按钮通过CSS结合JavaScript创建了一个“抛掷”风格的切换按钮，可用作开关切换、状态切换以及主题切换场景使用，给用户一种通过手柄将球抛向空中再落下的感觉。实现很简单，基础的HTML代码如下，...
倾斜开关
CSS实现具有3D倾斜滚球效果的切换开关按钮基于CSS结合JS创建了一个具有 3D 倾斜效果的开关切换（Toggle Switch）按钮，让用户在操作开关的时候感觉像是在玩一个玩具，特别的具有趣味性。通过使用 CSS3 的变换和过渡效果，...
范围选择
CSS+JS实现带有数值滑动切换效果的的滑块范围选择器为了创建一个带有数值滑动变化效果的范围滑块选择器（Range Slider with Sliding Value），用户拖动滑块时，值会以滑动变化的方式显示在滑块上方，这款效果是基于 CSS 和...