点阵过渡
SVG+GSAP 点阵缩放过渡（Loading）动画，圆点阵列空间动效这是一款点阵阵列丝滑缩放过渡动画效果，基于 SVG+GSAP 技术实现，通过圆点尺寸与阵列疏密的同步渐变，打造出带空间纵深感的 3D 流畅缩放动效，可适配多方向过渡需求，适用于品牌官网动效、页面...
弧形轮播
纯CSS 向内 3D 弯曲图片自动轮播组件 | 无需JS的沉浸式画廊组件这是一款纯CSS 3D环形自动轮播效果，仅用CSS实现，图片卡片沿弯曲弧形轨道排列，两侧自然透视收缩，中间聚焦突出，呈现出强烈的空间纵深感。难得的是全程不依赖JS驱动动画，代码量极少且注释详尽，...
倾斜悬浮卡片
纯 CSS 实现 3D 倾斜卡片横向画廊这是一款基于纯 CSS 3D 变换实现的横向滚动卡片画廊。默认状态下所有卡片以统一的透视倾斜角度排列，像一排被推倒的多米诺牌，本身就已经很有空间纵深感。悬停时焦点卡片「站直」回正，虚线边框浮现，...
动态粒子背景
Canvas 彩色磁力粒子星空背景，鼠标驱动的动态粒子交互系统这是一款基于原生 JavaScript 实现的动态粒子特效。满屏漂浮的彩色粒子会被鼠标持续「吸引」，靠近时自动环绕旋转，粒子之间以及与鼠标之间用色相渐变的连线实时相连，整体呈现出星座图谱般的视觉...
相册集
3D透视上下翻转卡片轮播效果，类似于相册集翻看效果这是一款翻转卡片画廊效果,基于CSS+JavaScript+HTML技术实现。卡片可以像翻书一样正反翻转,点击切换时会流畅地展示正反两面的不同图片内容。,通过左右箭头切换时会有翻转过渡动画,视觉...
蠕动加载器
纯 CSS 圆球贪吃蛇蠕动加载动画效果这是一款蛇形加载动画效果,基于纯CSS技术实现。一串橙色圆球排成S形曲线,像贪吃蛇在屏幕上扭动身体。每个圆球的大小有微妙变化,越靠近"蛇头"越大,越往"蛇尾"越小,营造出透视纵深感。整条蛇会循...
弧形图库
3D 无限旋转画廊效果（CSS+JS）营造置身于圆形展厅 360 度看画体验！这是一款3D旋转相册效果，基于CSS 3D Transform+JS技术实现。所有图片围成一个圆形阵列，像站在一个圆形展厅里360度看画一样。画廊会水平旋转，图片按照圆周轨迹依次经过视野中心，营...
数字礼仪
基于 GSAP 打造的高端沉浸式交互名片这是一款极具质感的数字名片交互设计，基于 GSAP (GreenSock Animation Platform) 技术实现。它将传统的社交媒介转化为一种高度个性化的数字叙事，通过丝滑的入场动画与...
视界中心
基于 GSAP+CSS 打造的沉浸式 3D 环绕图文卡片轮播组件这是一款极具空间纵深感的 3D 环绕式轮播效果，基于 GSAP+CSS 技术实现。它彻底抛弃了平面滑动的单调，通过精密的透视算法让每一张卡片在虚拟空间中产生旋转位移，并且支持单图放大预览效果。最...
穿梭视界
基于 CSS 3D 实现的沉浸式纵深滚动卡片特效这是一款极具纵深感的 3D 视差滚动卡片效果，基于 CSS 3D 变换与滚动驱动动画（Scroll-driven Animation）技术实现。它将传统的平面展示空间彻底立体化，让卡片随着用户的...
虫洞动画
Canvas 黑洞隧道动画效果：穿越时空的视觉奇观，用代码打造的数字虫洞！这是一款视觉震撼的 Canvas 黑洞隧道（“虫洞”）动画效果，基于 Canvas + 缓动工具（easingUtils）技术实现，用环形线条与细密光点模拟出穿梭黑洞的沉浸式视觉感，通过层层递进...
3D相册
3D立体光影相册轮播组件，高级感图片轮播展示效果（JS+CSS）这是一款立体轮播图加光影弹窗效果，基于CSS+JS技术实现，通过层叠式卡片设计与柔和光晕过渡，营造出强烈的视觉纵深感和沉浸式浏览体验，点击后以灯箱形式放大展示。图片在切换时呈现自然的上下滑动动画...