首屏3D动画
用 WebGL 打造的沉浸式折射晶体玻璃态动画 Hero 首屏布局这是一款 WebGL 折射晶体玻璃态 Hero 首屏区域 3D 动画效果，基于 WebGL+GLSL 着色器技术实现，通过光线追踪渲染出晶莹剔透的折射晶体场景，搭配玻璃拟态风格的UI元素，营造出...
滚动卡片
GSAP立体光影卡片滚动轮播效果，让内容展示更有层次感这是一款滚动卡片轮播效果，基于 GSAP 、ScrollTrigger技术实现，滑动鼠标或者拖动卡片切换时，通过径向渐变模拟卡片的光影变化，让卡片在滚动切换时呈现出立体感和层次感，视觉上更接近真...
游戏角色卡片
3D翻转式霓虹玻璃质感RPG游戏角色卡：一张卡片，两种世界这是一款可翻转式玻璃态 RPG 角色卡片 UI，基于纯CSS3+原生JavaScript实现，把现代界面质感和游戏沉浸感结合得很巧妙，融合了玻璃拟态、霓虹光效和宇宙星空背景，打造出极具沉浸感的游...
掷骰子
three.js 新年主题 3D 骰子随机数趣味小游戏这是一款圣诞节日主题 3D 骰子交互场景效果，基于 three.js+canvas 技术实现，它搭建了带节日氛围的 3D 视觉场景，整合了圣诞树、礼盒、骰子等新年元素，还搭配了点击交互功能，能烘...
堆叠轮播
垂直滚动 3D 堆叠式团队成员图文卡片轮播组件（CSS+JS）这是一款垂直滚动 3D 堆叠式图文轮播效果，基于 HTML+CSS+JavaScript 技术实现，它把图文卡片做成了有层次感的 3D 堆叠样式，支持垂直滚动切换，还搭配了平滑动画、滑动 / 键...
图片自动轮播
GSAP驱动的 3D 立体图片滚动自动轮播动画这是一款 GSAP 3D 图片滚动展示组件，基于 GSAP 动画库 + CSS 技术实现，它把图片做成带透视感的 3D 立牌样式，底部若隐若现，仿佛置身于云端，还搭配了鼠标悬停图片摆正位置微微放...
掷骰子
3D掷骰子比大小工具源码下载（three.js），支持自定义骰子数量，最多20个，轻松实现真实物理感这是一款基于three.js（搭配 HTML+CSS 辅助界面控制）技术实现的3D掷骰子（色子）随机数小游戏，通过点击即可触发彩色骰子在平面上自由翻滚并最终停止，显示结果点数。骰子晃动过程呈现出...
掷硬币
three.js实现的 3D 硬币抛掷互动效果，趣味决策在线工具这是一款模拟真实硬币抛掷的 3D 视觉效果，基于CSS+three.js技术实现，通过点击拖拽即可触发硬币翻转动画，呈现出逼真的立体旋转与阴影变化。硬币正反面分别标注“YES”和“NO”，还设有...
切牌动画
GSAP 炫酷切牌（多张卡牌轮番展示）3D动画效果，打造沉浸式视觉交互这是一款基于GSAP动画库实现的卡牌切牌炫酷动画效果，通过流畅的3D翻转动画让卡片在点击时优雅地切换，实现多张卡牌的轮播展示效果。整体设计采用渐变边框与霓虹风格配色，视觉冲击力强，适合用于产品展...
3D文字
CSS仿篮球纹路动态3D文字动效，支持360度拖拽：用代码演绎运动之美这是一款基于CSS实现的篮球纹路3D动态文字艺术效果，通过旋转、位移和透明度变化，让字母在深色背景中围绕中心点形成类似篮球纹路的视觉轨迹，支持360度拖拽旋转。整体风格充满动感与节奏感，仿佛文字...
粒子文字
基于 GSAP+three.js 实现的粒子变形球体交互 3D 文字动画效果这是一款基于Three.js+GSAP实现的交互式3D粒子球文字动画，通过成千上万的微小粒子构成一个动态的球体。当用户输入文字并点击“Create”按钮后，粒子球会瞬间解构重组，将原本的球形结构...
3D图文卡片
CSS实现3D悬浮立体的产品展示效果，底部产品图+文字悬空+360度旋转展示动画这是一款基于CSS实现的 3D 卡片展示效果，通过纯CSS的透视与变换技术，打造具有立体感和空间层次的视觉呈现。图片卡片位于最底层，中间以及最上层展示文案，仿佛悬浮于页面之上，整体360度旋转展...