抽奖转盘
纯CSS3的2D变换和背景动画技术实现的3D灯塔四处照射效果这是一款2D灯塔旋转效果，基于CSS3的2D变换和背景动画技术实现。尽管看起来像是3D模型，但实际上它是通过巧妙地使用滑动条纹背景以及对灯光和窗户进行2D变换来模拟灯塔旋转和光线闪烁的效果。这种...
幕布切换按钮
CSS弹跳滑动手柄与幕布过渡效果的明暗模式切换按钮这是一款带有幕布效果的明暗模式切换按钮，基于纯CSS技术实现。当用户点击切换按钮时，按钮上的手柄会以弹跳的方式移动到新的位置，同时页面背景色和文本颜色等元素会通过幕布展开或收起的效果平滑过渡，从...
滚动单选
CSS滚动式单选按钮 - 平滑过渡的交互设计这是一款滚动式单选按钮效果，基于HTML+CSS+JavaScript技术实现。当用户选择某个选项时，被选中的按钮会平滑地滑动到对应的标签位置，而其他未选中的按钮则会相应地依次调整位置，围绕在被...
温控器
GSAP+CSS模拟Nest温控器设备这是一款模拟Nest恒温器效果，基于HTML+CSS+GSAP技术实现，用户可以直观地看到温度值以°F为单位显示，并通过滑动表面或者鼠标拖动表面的仿真交互方式调整室内温度。该模拟器不仅提供了视觉...
滑动步进器
CSS高颜值滑动步进器实现，更优雅地方式调整加减数字这是一款带有趣味效果的滑动步进器，基于CSS+JavaScript技术实现。设计上，步进器的每一步都伴随着平滑的滑动动画，以及视觉上的反馈变化（被选中的文字会放大突出显示），使得用户在操作过程中...
复嘟嘟
快餐与餐饮 HTML 响应式模板，打造现代化餐饮网站的良好解决方案「复嘟嘟」是一款专为快餐店和餐饮业打造的Bootstrap响应式网站模板，该模板内置26+HTML内页，包含常见餐饮类网站所需的功能。并且内置了4款独特的主页布局，以及4款对应的黑色模式主题。为...
开关切换
CSS「环绕世界」动画效果开关切换按钮“环游世界开关”按钮是一款通过CSS结合少量JS实现的充满创意和趣味的开关设计。传统的开关通常是通过简单地左右滑动或上下拨动来切换状态。而在这种设计中，开关的手柄需要“环游世界”一圈才能从一侧...
卡片菜单
CSS+JS移动端卡片式折叠菜单基于CSS和JS实现的卡片式堆叠菜单是一种创新的移动端菜单设计，它将菜单项以卡片的形式呈现，并且这些卡片看起来像是堆叠在一起。每张卡片代表一个菜单选项，用户可以通过滑动或点击来浏览和选择不同的菜...
范围选择
CSS+JS实现带有数值滑动切换效果的的滑块范围选择器为了创建一个带有数值滑动变化效果的范围滑块选择器（Range Slider with Sliding Value），用户拖动滑块时，值会以滑动变化的方式显示在滑块上方，这款效果是基于 CSS 和...
帅颜显
高颜值轻量级个人网站 Bootstrap 模板，侧边栏导航+亮暗模式「帅颜显」是一款现代、简洁且高度可定制的个人作品集HTML模板，时尚的侧边栏菜单布局并且支持亮暗模式的调节。专为创意专业人士、开发者、自由职业者、设计师、艺术家、摄影师等需要展示作品的用户设计。...
滑动开关
CSS实现Skeuomorphic拟物化风格立体滑动开关通过CSS实现的一款时尚的Skeuomorphic拟物化风格开关按钮，点击按钮滑动开关实现状态切换，滑动过程中按钮底色会发生变化以突出开光状态的切换。整个按钮切换滑动的动画特别的丝滑，背景仿照了...