横向无限视差画廊 — 惯性滚动自动吸附居中,纯原生 JS 实现

横向滚动画廊

横向无限视差画廊 — 惯性滚动自动吸附居中,纯原生 JS 实现

这是一款横向无限滚动画廊,用原生 JS + CSS 实现,没有依赖任何库。深酒红底色上是一排横向排列的圆角图片,右上角压着大字标题,整体是那种画廊海报式的排版。

Three.js 五层视差无限图片墙 — 拖拽惯性滑动,滚轮加速的横向画廊

无限滚照片墙

Three.js 五层视差无限图片墙 — 拖拽惯性滑动,滚轮加速的横向画廊

这是一款无限滚动图片墙效果,基于 Three.js 实现。整屏是横向流动的照片,分成五层,越靠前的图越大越亮、跑得越快,越靠后的越小越淡、跑得越慢,叠在一起就有了明显的纵深感。每张图还在轻微上下...

可拖拽惯性万花筒效果 GSAP 前端实现

可拖拽万花筒

可拖拽惯性万花筒效果 GSAP 前端实现

这是一款可拖拽惯性万花筒效果,基于 GSAP+Draggable+InertiaPlugin 技术实现,拖拽时会产生自然的惯性滑动,呈现出对称渐变的动态视觉体验,适用于网页创意背景、品牌展示页、...