获取同款背景源码
纯 CSS 3D 图片轮播，环形排布可左右转动的立体相册组件

3D 环形轮播

纯 CSS 3D 图片轮播，环形排布可左右转动的立体相册组件

十一张图围成一圈立在三维空间里，点击左右两侧即可整体转动，正面那张最大最亮，无脚本。

关键词筛选图片画廊｜主图上滑切换的全屏相册源码

背景虚化画廊

关键词筛选图片画廊｜主图上滑切换的全屏相册源码

输入关键词即时筛选缩略图，点缩略图后新主图从下方滑入、旧图上移让位，背景同步换成同一张照片的大幅虚化版。

滚动展开图片遮罩特效｜GSAP 裁剪框铺满全屏动画源码

图片渐显

滚动展开图片遮罩特效｜GSAP 裁剪框铺满全屏动画源码

滚到这一屏页面自动钉住，居中的圆角小窗沿四周展开直到铺满整屏，标题与副标题随后错开淡入上移，进度完全跟着滚轮走。

全屏放大图片画廊｜缩略图队列切换的相册特效 HTML 源码

相册组件

全屏放大图片画廊｜缩略图队列切换的相册特效 HTML 源码

点底部任意缩略图，它就一路放大铺满整屏，原来的大图缩回队列末尾，左侧标题与描述随之淡入上移。切换全程一个 transform 完成。

纯 CSS 封面流图片轮播｜零 JS 3D 立体滑动画廊源码

滚动驱动轮播组件

纯 CSS 封面流图片轮播｜零 JS 3D 立体滑动画廊源码

零 JavaScript 的封面流轮播：图片按与中心的距离自动倾斜、缩放、堆叠，左右按钮与圆点全由原生 CSS 伪元素生成，增删图片不改样式。

React Motion垂直画廊 3D 旋转灰调轮播模板

3D垂直轮播

React Motion垂直画廊 3D 旋转灰调轮播模板

八张灰调滤镜的图片竖排轮播，上下箭头切换，非当前项 30% 透明缩放 85%、上下项分别 X 轴 +30°/-30° 倾斜。

CSS Scroll-Driven粘性图片区块切换动画源码下载

滚动粘性布局

CSS Scroll-Driven粘性图片区块切换动画源码下载

四段全屏内容随页面滚动叠层过渡，同一张图 clip-path 上滑淡入，`animation-timeline: view()` 纯 CSS 驱动。

Vue3圆形英雄卡片布局详情联动全屏效果

Vue3卡片布局

Vue3圆形英雄卡片布局详情联动全屏效果

八个角色缩略图沿圆周等分排列，点击后中央大图+详情面板同步刷新，一键全屏，`transform: rotate+translate` 环形定位。

纯CSS角色卡片自动切换轮播带缩略图导航组件

角色轮播展示

纯CSS角色卡片自动切换轮播带缩略图导航组件

八个角色卡片自动横向切换，底部圆点头像同步高亮，`animation-delay` 分层控制卡片位移和淡入淡出。

CSS View Transitions 便当格局图片换位切换动画模板

图片换为切换

CSS View Transitions 便当格局图片换位切换动画模板

Bento 网格上任选一图放大成主图，其余压缩到侧列，浏览器原生 View Transitions API 无 JS 骨架完成过渡。

纯CSS 3D图片圆环轮播绕文字旋转特效模板

3D圆环图片旋转

纯CSS 3D图片圆环轮播绕文字旋转特效模板

六张图片贴在透明圆环上匀速自转，中心浮着描边+橙色阴影的英文标题，`@property --spin` 让 CSS 独立驱动角度。

滚动驱动人物图鉴，纯 CSS 剧场式角色轮流展示特效

滚动驱动动画

滚动驱动人物图鉴，纯 CSS 剧场式角色轮流展示特效

滚动即换人的角色图鉴：星空背景下人物依次聚焦、姓名大字滑过、档案卡展开，纯CSS滚动驱动实现，适合团队与人物介绍页。