用户评价卡片
手撕笔记本纸用户评价卡（纯CSS活页纸质感）这是一款笔记本活页纸风格的用户评价卡片，基于纯 CSS 实现。三张便签纸随意叠放、各带轻微倾斜角度，左侧边缘由遮罩挖出整排装订圆孔，纸面印着淡淡横格线，文字行高与格线严格对齐，配上打字机字体和柔...
机械猫模型
3D机械猫行走动画附带开炮效果（Three.js可交互机甲角色动画）这是一款可交互的 3D 机械猫场景，基于 Three.js 实现。紫青撞色的机甲猫在平台上做连贯的行走循环，四肢关节分段驱动、步态自然，背上架着一门四管武器；点击"开火"或按空格，炮口先蓄能亮起...
故障风单选按钮
赛博故障风单选按钮（SVG滤镜+GSAP霓虹动效）这是一款赛博朋克故障风格的单选按钮组，基于 SVG 滤镜与 GSAP 动画实现。深色底上是一排霓虹绿的选项标签，鼠标悬停时背后的扫描线开始滚动并明暗闪烁，像老式显像管屏幕；选中某项时，粉色与青绿...
3D种植经营游戏
3D植物商店经营 HTML 小游戏（React Three Fiber网页3D游戏）这是一款完整的 3D 种植经营游戏，基于 React Three Fiber 与 Three.js 实现，在浏览器里即可运行。玩法闭环清晰：去集市买种子，种进温室花盆，按时浇水，成熟后卖出赚钱。
底部导航栏
底部导航栏气泡指示器（CSS+JS弧形凹陷动效）这是一款移动端风格的底部导航栏特效，基于 HTML+CSS 与原生 JavaScript 实现。点击任一图标，白色圆形指示器会沿导航条平滑滑动到该位置，两侧由圆角阴影拼出向内凹陷的弧形过渡，像水...
毛玻璃登录框
毛玻璃登录表单（纯CSS磨砂质感UI模板）这是一款毛玻璃风格的登录表单，基于纯 HTML+CSS 实现。页面铺满黄橙紫蓝四色渐变，表单卡片采用半透明白底加背景模糊，配上一圈细腻的浅色描边与柔和投影，呈现出通透的磨砂玻璃质感；卡片对角各放...
电商商品卡
单品商品卡 HTML 布局效果（配色随图切换的电商展示组件）这是一款单品电商展示卡片布局效果，基于 HTML+CSS、jQuery 与 Slick 轮播插件实现。卡片居中展示商品主图，左右滑动或点击圆点即可切换不同配色款式；每张图预设了一组主色，切换时整...
环形菜单
环形展开菜单（CSS+JS弧形滑动指示器）这是一款环形展开快捷导航菜单，基于 HTML+CSS 与原生 JavaScript 实现。点击中央的加号按钮，按钮旋转成叉号并向外扩散出一圈白色底面，八个图标沿圆周依次呈放射状展开；选中某一项时...
CSS注水动画
杯子注水波浪动画（纯CSS水位上升特效）这是一款杯子注水的波浪动画，基于纯 CSS 实现。画面中央是一只带白色描边和把手的杯子，杯内水面呈波浪起伏，随着动画循环缓缓上升又回落，模拟出注水与晃动的自然感；杯身圆角、投影与高光共同营造出立...
卡片悬停发光
卡片跟随鼠标光晕描边效果（CSS+JS悬停发光特效）这是一款卡片鼠标跟随发光特效，基于 CSS 径向渐变与原生 JavaScript 实现。鼠标移入卡片时，一团柔和光晕跟随指针实时移动，透过卡片内层的半透明遮罩渗出，边缘形成一圈会随鼠标游走的高亮...
GSAP首屏动画
营销官网首屏模板（GSAP便当格布局+数字滚动动效）这是一款营销代理公司风格的首屏页面模板，基于 HTML+CSS 与 GSAP 动画库实现。进场时顶栏、导航、标题逐词弹出，副标题与按钮依次浮现，随后下方便当格（Bento Grid）卡片错落入场...
科技风加载动画
12款科技风加载动画合集（CSS+JS Loading特效）这是一套极客终端风格的加载动画合集，共 12 款，基于 CSS 动画与原生 JavaScript 实现。灵感取自系统界面、命令行与仪器面板：扫描线、二进制数据流、像素格逐格填充、音频波形、打字机...