图片画廊
React 实现高级感十足的 Morph 变形过渡图片轮播图画廊效果这是一款基于 React 技术实现的 Morph 变形过渡图片画廊效果，支持左右箭头切换与底部缩略图快速导航，图片切换时带有流畅自然的锐化轮廓变形过渡动画，视觉体验高级细腻，适用于个人摄影作品集...
多变液态气泡
WebGL 3D 液态玻璃超大泡泡交互变形效果，点击变换多种形态附着与页面！这是一款 3D 液态玻璃交互效果，基于 WebGL 技术（VFX-JS）实现，精准还原玻璃的透明质感、彩虹色散与高光反射效果，点击泡泡可触发自然流畅的 3D 液态变形动画，视觉表现力极强。适用于...
金融卡动画
SVG 借记卡动态效果 GSAP 路径动画实现这是一款 SVG 借记卡动态效果，基于 GSAP+MotionPathPlugin 技术实现，卡片上的几何元素会沿预设路径流畅运动，呈现出简约现代的视觉质感，适用于金融产品展示、支付界面动效、数...
键盘导航轮播
响应式轻量级图片轮播，现代 JS 键盘导航懒加载轮播组件这是一款响应式轻量可访问图片轮播效果，基于现代 JavaScript 技术实现，支持键盘无障碍操作、平滑滚动切换、缩略图懒加载、相邻图片预加载，加载快、交互稳、适配全，相比普通轮播，对键盘用户更...
仿 macOS 导航栏
仿 macOS Dock 风 GSAP 动态导航栏交互动画效果这是一款基于 GSAP+CSS 实现的仿 macOS Dock 风动态导航栏效果。它模拟了 macOS 程序坞的丝滑交互，面板切换过渡流畅，按钮状态自适应变化，整体风格简约高级，适用于桌面端管理...
商品轮播
SwiperJS 带进度联动动画商品轮播，电商鞋服产品展示轮播组件！这是一款基于 SwiperJS 实现的带进度联动动画的商品轮播组件，依托 SwiperJS 原生能力开发，轮播切换时同步触发流畅的进度动画与商品视觉动效，交互丝滑自然。极简的界面设计能最大化突出...
弧形轮播
纯CSS 向内 3D 弯曲图片自动轮播组件 | 无需JS的沉浸式画廊组件这是一款纯CSS 3D环形自动轮播效果，仅用CSS实现，图片卡片沿弯曲弧形轨道排列，两侧自然透视收缩，中间聚焦突出，呈现出强烈的空间纵深感。难得的是全程不依赖JS驱动动画，代码量极少且注释详尽，...
图片悬停
纯 CSS 图片悬停缩放圆角边框效果这是一款图片悬停缩放边框效果，基于CSS transform和transition技术实现。鼠标悬停时，图片会产生轻微的放大效果，同时边框样式也会发生变化，给人一种图片"呼吸"般的动态感受。适用...
相册集
3D透视上下翻转卡片轮播效果，类似于相册集翻看效果这是一款翻转卡片画廊效果,基于CSS+JavaScript+HTML技术实现。卡片可以像翻书一样正反翻转,点击切换时会流畅地展示正反两面的不同图片内容。,通过左右箭头切换时会有翻转过渡动画,视觉...
照片预览
原生 JavaScript 简约灯箱图片预览组件这是一款图片灯箱展示效果，基于纯 JavaScript 实现。点击缩略图后图片以全屏弹窗形式展开，配备左右切换箭头、关闭按钮、自定义图片说明等完整功能，无需依赖任何外部库。很多网站的图片查看体验...
动态星空
GSAP 动态闪烁星空背景特效，支持响应式+自定义星星数量这是一款星空闪烁动画效果，基于GSAP动画库技术实现。每颗星星都有自己的"生命周期"——随机位置出现、向外绽放、然后逐渐消失，整个过程节奏各异，营造出夜空中繁星此起彼伏的自然感。比起传统的静态星...
滚动自动轮播
纯 CSS 实现的图文主题卡片无限循环自动滚动+悬停暂停交互效果这是一款基于纯CSS技术实现的卡片自动轮播效果，通过边缘渐隐遮罩营造出沉浸式的无限滚动体验，无需JavaScript即可实现自动滚动和交互暂停功能。界面的核心设计在于视觉边界处理：轮播容器的左右...