雪盖蚊子
GSAP 下雪背景+雪花逐渐覆盖于文字表面动画效果这是一款雪花飘落动画效果,飘落的雪花覆盖于 3D 文字之上,让文字的边缘线条堆砌出毛茸茸的质感,这款动画效果基于CSS+JavaScript技术实现,有种冬日窗花的意境。
弧形图库
3D 无限旋转画廊效果(CSS+JS)营造置身于圆形展厅 360 度看画体验!这是一款3D旋转相册效果,基于CSS 3D Transform+JS技术实现。所有图片围成一个圆形阵列,像站在一个圆形展厅里360度看画一样。画廊会水平旋转,图片按照圆周轨迹依次经过视野中心,营...
3D手表
纸艺剪裁风格 3D 手表动态表盘效果(GSAP+SVG)这是一款拟物化手表动画效果,基于GSAP+SVG滤镜技术实现。整体采用纸艺剪裁风格,表盘呈现出柔和的立体层次感,像是用半透明纸片层叠出来的。最巧妙的是表盘上的时间显示——利用SVG的goo滤镜(...
扫雷小游戏
赛博朋克风 HTML5 + GSAP 改良创新版扫雷小游戏源码 - 霓虹网格3D视觉特效这是一款赛博朋克风格的扫雷小游戏,基于 GSAP + SVG + CSS + HTML 技术实现。游戏采用《创:战纪》(Tron)电影的经典霓虹美学,将传统扫雷游戏板呈现为带有青色发光边框的3D...
水波纹
Three.js 实现的 3D 流体水波纹交互动画效果这是一款基于Three.js组件库实现的3D流体背景特效。画面呈现出波浪状曲面,表面像丝绸般柔软起伏,背景是一张从紫色、粉色、红色、橙色到黄色自然过渡,配合白色立体文字"LIQUID EFFEC...
3D圣诞树
3D粒子变形圣诞树 - Three.js实现的可交互节日动画特效这是一款3D粒子变形圣诞树效果,基于Three.js技术实现,通过成千上万个发光粒子在空间中重组,配合众多流行飘落动画,营造出魔幻的节日氛围。画面里最吸引人的就是这棵由无数彩色光点构成的圣诞树,...
艺术画廊
无限画廊长廊 - Three.js实现的 3D 滚动式艺术作品展示组件这是一款沉浸式3D艺术画廊展示效果,基于Three.js技术实现,通过滚动交互在无限延伸的虚拟展厅中切换不同画作。这个效果营造出了一种类似真实美术馆的空间感。左侧用大字体展示作品名称,配合简洁的...
3D果肉魔方
次表面散射艺术:赋予 Web 3D 材质“生命力”的多汁果肉魔方(Canvas + WebGL)这是一款 3D 物理材质模拟动态魔方效果,支持魔方多种形态自动变化。它基于 Canvas + WebGL 技术实现,核心突破在于对「次表面散射」的细腻刻画。这种效果模拟了光线进入物体内部并发生折...
数字重力
纯 CSS 打造的 3D 悬浮金属发光开关按钮这是一款次世代 3D 悬浮感应开关按钮,基于 纯 CSS(3D 透视变换 + 多重发光渐变) 技术实现。它彻底打破了扁平化 UI 的平面次元,通过 500px 的视距设定与 6 层模拟光子发光的...
视界中心
基于 GSAP+CSS 打造的沉浸式 3D 环绕图文卡片轮播组件这是一款极具空间纵深感的 3D 环绕式轮播效果,基于 GSAP+CSS 技术实现。它彻底抛弃了平面滑动的单调,通过精密的透视算法让每一张卡片在虚拟空间中产生旋转位移,并且支持单图放大预览效果。最...
穿梭视界
基于 CSS 3D 实现的沉浸式纵深滚动卡片特效这是一款极具纵深感的 3D 视差滚动卡片效果,基于 CSS 3D 变换与滚动驱动动画(Scroll-driven Animation)技术实现。它将传统的平面展示空间彻底立体化,让卡片随着用户的...
跑酷小游戏
基于 WebGL 打造的极简 3D 像素风躲避障碍物 HTML 跑酷小游戏这是一款轻量级的 3D 低多边形(Low-Poly)跑酷 HTML 小游戏,基于 Three.js 与 WebGL 技术构建。它不仅是一个简单的“跳一跳”程序,更像是《天天过马路》的极简网页版。...