液态过渡幻灯片
GSAP液态形态过渡 3D 幻灯片切换效果，附带图片预览倒计时进度条这是一款基于 GSAP 技术打造的液态变形轮播效果，通过3D流体形态实现图片间的无缝过渡，画面如液体般流动融合，视觉冲击力强，还可通过键盘以及鼠标控制图片的切换，附带图片预览倒计时进度条。适用于...
播放按钮
20+款CSS媒体播放动画按钮合集，每个按钮配备专属悬停动画，高颜值、可定制的交互设计素材这是一款CSS动画播放按钮合集，基于纯CSS实现，包含20+种独特交互效果，每个按钮配备专属悬停动画，如脉冲光晕、旋转光效、霓虹发光和彩虹轨迹等，每种样式均支持悬停响应，视觉表现力强。适用于视频...
圆形滑块
六款自定义圆形及半圆形范围滑块组件（CSS+JS），适合温度调节、仪表盘、播放器等多场景使用的数据调节控件这是一款自定义圆形范围滑块效果，基于前端技术实现，支持全圆、半圆及弧形多种布局，支持自定义刻度与标签，视觉直观且交互灵活，适用于仪表盘设计、温度控制器、音乐播放器、进度展示、参数调节等场景，尤...
简约钟表
HTML简约黑白色调模拟时钟效果（CSS+JS）这是一款模拟时钟效果，基于CSS offset-path 技术实现，指针沿圆形路径精准运动，还原真实机械钟表的动态感。设计简洁大气，时间显示准确流畅，适用于网页计时器、仪表盘界面、教育类应用等场...
像素风武士
“我的世界”像素风武士角色行走、攻击等动作，用CSS+JS打造复古游戏级交互体验这是一款像素风武士角色动画效果，基于CSS steps() 函数与JavaScript实现，通过精灵图（spritesheet）驱动角色行走、攻击等动作，响应键盘输入流畅切换动画帧。适用于游戏化...
圆角滚动条
HTML中自定义弧形滚动条适配容器圆角边框（CSS+JS），能适配不同尺寸的屏幕这是一款自定义圆角滚动条效果，基于CSS+JS技术实现，滚动条形状与容器边框圆角良好贴合，能跟随容器的圆角呈现弧形，且长度会根据内容量智能计算，视觉统一且交互自然。能够适配不同大小的屏幕，适用于...
铃铛提醒
带开关灯效果的铃铛通知交互按钮（CSS+JS）这是一款带灯光效果的悬吊式通知铃铛动效，基于简单的 CSS+JS 技术实现，初始状态下悬挂着的铃铛不停地微微地左右摇摆，当通过鼠标点击铃铛时，领导内部的灯泡会发光，通过光影渐变与动态光晕模拟真实...
艺术幻灯片
以黑白滤镜实现的黑白底色幻灯片自动轮播效果，极简艺术风格幻灯片组件 ，艺术化呈现摄影作品这是一款黑白底色自动幻灯片效果，基于 CSS + JavaScript 技术实现，支持响应式布局，以黑白滤镜呈现图片，搭配简洁的导航控件（支持左右导航切换与底部指示器），视觉富有艺术感与质感，适...
环绕菜单
纯 CSS 圆形环绕弹出菜单工具栏这是一款基于CSS自定义函数与兄弟元素索引技术实现的圆形菜单弹出效果，点击中心菜单按钮后，多个带功能图标的菜单项以放射状动态展开，布局精准、交互流畅。适用于移动端操作面板、快捷工具栏或轻量级交互...
弹跳球
CSS 动态小球在方形容器中循环弹跳动画效果这是一款基于CSS技术实现的动态小球在方形容器中来回弹跳的动画效果，蓝色渐变小球在容器内平滑移动，碰到边框后进行反弹。响应式设计适配不同屏幕尺寸，适用于游戏元素设计、UI动效装饰等场景。
卡片加载器
CSS扑克牌风格加载动画，精致设计提升HTML加载页Loading质感这是一款扑克牌风格的加载动画效果，基于 CSS 技术实现，以分层的扑克牌菱形卡片结构呈现加载状态，卡片循环依次下落叠加，而后消失，配合渐变层次与轻微浮动效果，形成连续动画效果，视觉精致且富有设计...
配对消消乐
扫雷+消消乐并且融入一些万圣节元素组成的配对消消乐 HTML 小游戏这是一款融合了“扫雷”、“消消乐”等游戏元素的益智配对HTML小游戏，我称它为“配对消消乐”！是基于CSS+JS实现的小型游戏，运行与HTML中，10k以内的代码量，相当的轻量级。用户通过点击表...