GSAP 下雪背景+雪花逐渐覆盖于文字表面动画效果

雪盖蚊子

GSAP 下雪背景+雪花逐渐覆盖于文字表面动画效果

这是一款雪花飘落动画效果,飘落的雪花覆盖于 3D 文字之上,让文字的边缘线条堆砌出毛茸茸的质感,这款动画效果基于CSS+JavaScript技术实现,有种冬日窗花的意境。

3D 无限旋转画廊效果(CSS+JS)营造置身于圆形展厅 360 度看画体验!

弧形图库

3D 无限旋转画廊效果(CSS+JS)营造置身于圆形展厅 360 度看画体验!

这是一款3D旋转相册效果,基于CSS 3D Transform+JS技术实现。所有图片围成一个圆形阵列,像站在一个圆形展厅里360度看画一样。画廊会水平旋转,图片按照圆周轨迹依次经过视野中心,营...

纸艺剪裁风格 3D 手表动态表盘效果(GSAP+SVG)

3D手表

纸艺剪裁风格 3D 手表动态表盘效果(GSAP+SVG)

这是一款拟物化手表动画效果,基于GSAP+SVG滤镜技术实现。整体采用纸艺剪裁风格,表盘呈现出柔和的立体层次感,像是用半透明纸片层叠出来的。最巧妙的是表盘上的时间显示——利用SVG的goo滤镜(...

赛博朋克风 HTML5 + GSAP 改良创新版扫雷小游戏源码 - 霓虹网格3D视觉特效

扫雷小游戏

赛博朋克风 HTML5 + GSAP 改良创新版扫雷小游戏源码 - 霓虹网格3D视觉特效

这是一款赛博朋克风格的扫雷小游戏,基于 GSAP + SVG + CSS + HTML 技术实现。游戏采用《创:战纪》(Tron)电影的经典霓虹美学,将传统扫雷游戏板呈现为带有青色发光边框的3D...

Three.js 实现的 3D 流体水波纹交互动画效果

水波纹

Three.js 实现的 3D 流体水波纹交互动画效果

这是一款基于Three.js组件库实现的3D流体背景特效。画面呈现出波浪状曲面,表面像丝绸般柔软起伏,背景是一张从紫色、粉色、红色、橙色到黄色自然过渡,配合白色立体文字"LIQUID EFFEC...

3D粒子变形圣诞树 - Three.js实现的可交互节日动画特效

3D圣诞树

3D粒子变形圣诞树 - Three.js实现的可交互节日动画特效

这是一款3D粒子变形圣诞树效果,基于Three.js技术实现,通过成千上万个发光粒子在空间中重组,配合众多流行飘落动画,营造出魔幻的节日氛围。画面里最吸引人的就是这棵由无数彩色光点构成的圣诞树,...

无限画廊长廊 - Three.js实现的 3D 滚动式艺术作品展示组件

艺术画廊

无限画廊长廊 - Three.js实现的 3D 滚动式艺术作品展示组件

这是一款沉浸式3D艺术画廊展示效果,基于Three.js技术实现,通过滚动交互在无限延伸的虚拟展厅中切换不同画作。这个效果营造出了一种类似真实美术馆的空间感。左侧用大字体展示作品名称,配合简洁的...

次表面散射艺术:赋予 Web 3D 材质“生命力”的多汁果肉魔方(Canvas + WebGL)

3D果肉魔方

次表面散射艺术:赋予 Web 3D 材质“生命力”的多汁果肉魔方(Canvas + WebGL)

这是一款 3D 物理材质模拟动态魔方效果,支持魔方多种形态自动变化。它基于 Canvas + WebGL 技术实现,核心突破在于对「次表面散射」的细腻刻画。这种效果模拟了光线进入物体内部并发生折...

纯 CSS 打造的 3D 悬浮金属发光开关按钮

数字重力

纯 CSS 打造的 3D 悬浮金属发光开关按钮

这是一款次世代 3D 悬浮感应开关按钮,基于 纯 CSS(3D 透视变换 + 多重发光渐变) 技术实现。它彻底打破了扁平化 UI 的平面次元,通过 500px 的视距设定与 6 层模拟光子发光的...

基于 GSAP+CSS 打造的沉浸式 3D 环绕图文卡片轮播组件

视界中心

基于 GSAP+CSS 打造的沉浸式 3D 环绕图文卡片轮播组件

这是一款极具空间纵深感的 3D 环绕式轮播效果,基于 GSAP+CSS 技术实现。它彻底抛弃了平面滑动的单调,通过精密的透视算法让每一张卡片在虚拟空间中产生旋转位移,并且支持单图放大预览效果。最...

基于 CSS 3D 实现的沉浸式纵深滚动卡片特效

穿梭视界

基于 CSS 3D 实现的沉浸式纵深滚动卡片特效

这是一款极具纵深感的 3D 视差滚动卡片效果,基于 CSS 3D 变换与滚动驱动动画(Scroll-driven Animation)技术实现。它将传统的平面展示空间彻底立体化,让卡片随着用户的...

基于 WebGL 打造的极简 3D 像素风躲避障碍物 HTML 跑酷小游戏

跑酷小游戏

基于 WebGL 打造的极简 3D 像素风躲避障碍物 HTML 跑酷小游戏

这是一款轻量级的 3D 低多边形(Low-Poly)跑酷 HTML 小游戏,基于 Three.js 与 WebGL 技术构建。它不仅是一个简单的“跳一跳”程序,更像是《天天过马路》的极简网页版。...