掷硬币
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度旋转展...
消消乐
基于 CSS+Three.js 实现的 3D 几何图形连线消除 HTML 小游戏这是一款 3D 益智连线消除游戏，基于CSS与Three.js技术实现，将经典的匹配消除玩法以立体几何形式呈现。游戏中，玩家通过点击相同颜色和形状的3D几何体（如球体、立方体、金字塔等）进行连线...
液态过渡幻灯片
GSAP液态形态过渡 3D 幻灯片切换效果，附带图片预览倒计时进度条这是一款基于 GSAP 技术打造的液态变形轮播效果，通过3D流体形态实现图片间的无缝过渡，画面如液体般流动融合，视觉冲击力强，还可通过键盘以及鼠标控制图片的切换，附带图片预览倒计时进度条。适用于...
交互3D按钮
HTML中实现动态悬停 3D 按钮倾斜动画效果这是一款动态炫酷悬停交互按钮效果，基于CSS+JavaScript技术实现，通过渐变色块、悬浮倾斜动画与微交互反馈，赋予普通按钮强烈的视觉吸引力和操作反馈感。每个按钮拥有独立的色彩主题与图标设计...
3D旋转轮播
霓虹光效3D旋转墙轮播图文卡片，科技感十足的动态导航展示方案这是一款霓虹光效围绕圆心旋转的3D图文卡片轮播动画效果，基于HTML+CSS+JavaScript技术实现，通过动态发光边框与渐变文字设计，营造出强烈的科技感和未来视觉氛围。卡片在切换时呈现立体...
圆弧轮播图
GSAP 创意 3D 弧形滑动图文卡片轮播 HTML 组件，拖拽切换+弹窗放大预览的创意展示方案这是一款3D立体弧形拖拽滑动卡片轮播组件，基于CSS+JavaScript技术实现，通过透视变形和弧形排列营造出强烈的视觉层次感，支持拖拽切换与点击放大预览图文详情内容，交互自然流畅。整体风格...
朱丹枚
简约大气的个人及品牌展示一页式网站 Bootstrap 响应式模板这是一款极简且表现力强的一页式个人作品集HTML响应式网站模板，专为自由职业者与创意专业人士设计，既能快速上线展示个人品牌，也保留了高度的定制空间。这款模板提供了两种风格截然不同的布局（侧边栏与...
艺术风格轮播
3D立体圆形环绕轮播卡片，街头艺术风格图文展示效果（CSS+JS）这是一款具有立体翻页感的3D轮播卡片效果，基于CSS+JavaScript技术实现，通过3D透视动画让图片卡片呈现左右滑动时的翻转与层叠视觉，搭配霓虹风格标题和暗黑背景，整体氛围酷炫且富有街头艺...