圆弧滑块
GSAP全屏图片弧形自动滚动切换特效 | 景深模糊过渡的高端滑块组件这是一款全屏沉浸式图片切换效果，基于 GSAP + CSS 技术实现。切换时，下一张图片从背景虚化状态逐渐推近、聚焦，同时左侧大字标题跟随流畅过渡，背景色也随内容联动变换——整个过程一气呵成，有...
弧形轮播
纯CSS 向内 3D 弯曲图片自动轮播组件 | 无需JS的沉浸式画廊组件这是一款纯CSS 3D环形自动轮播效果，仅用CSS实现，图片卡片沿弯曲弧形轨道排列，两侧自然透视收缩，中间聚焦突出，呈现出强烈的空间纵深感。难得的是全程不依赖JS驱动动画，代码量极少且注释详尽，...
滚动联动画廊
纯 CSS 实现滚动联动导航图库预览效果这是一款基于纯 CSS 实现的图片画廊导航效果，综合运用了 :target-before、:target-current、:target-after 伪选择器、CSS 锚点定位（Anchor P...
过年歌轮播
滚动居中放大预览卡片，CSS 原生滚动驱动卡片轮播动画这是一款基于 CSS animation-timeline: scroll() 实现的滚动缩放效果。页面初始呈现一排等大的深色卡片，随着用户向下滚动，位于中心的卡片会逐渐放大并高亮为蓝色，两侧卡...
翻页
仿真书页翻页效果（CSS+JS）这是一款基于 JS + CSS 实现的书籍翻页交互效果，模拟真实书本的页角卷曲与翻转过程，拖拽角落即可翻页，背面内容透视、折叠阴影细节都有还原，质感相当真实。这类效果最早流行于 Flash 时代...
切换过渡效果
多模式视图过渡切换效果：HTML 原生转场效果的新玩法这是一款基于 CSS View Transitions API 实现的图片切换效果，支持淡入淡出（Fade）、切片（Slice）、切片+骰子（Slice+Dice）三种过渡模式，可通过下拉菜单自...
标签切换
CSS 高级 Tabs 标签页组件：选项卡该有的样子！这是一款精致的 Tabs 标签页切换效果，基于 CSS + JavaScript 技术实现，当前激活项以青紫色渐变胶囊背景高亮显示，切换时内容区域平滑过渡，配合深色毛玻璃风格整体质感相当克制且高级。
多边形边框轮播
平行四边形裁剪轮播+点击展示遮罩层内容（CSS+JS）：打破方框的图片展示方案这是一款异形裁剪轮播效果，基于 CSS clip-path + JavaScript 技术实现，图片以倾斜的平行四边形裁切呈现，配合深色渐变背景和点击触发的遮罩层交互，每张幻灯片可独立绑定覆盖内...
相册集
3D透视上下翻转卡片轮播效果，类似于相册集翻看效果这是一款翻转卡片画廊效果,基于CSS+JavaScript+HTML技术实现。卡片可以像翻书一样正反翻转,点击切换时会流畅地展示正反两面的不同图片内容。,通过左右箭头切换时会有翻转过渡动画,视觉...
logo滚动
GSAP 无缝 Logo 图片无限滚动展示效果这是一款品牌Logo轮播效果，基于GSAP动画库实现。多个品牌标志在页面中水平无限循环滚动，视觉上完全无缝衔接，鼠标悬停时自动暂停，移开后继续滚动，移动端支持触摸交互。传统的Logo墙要么是静态...
照片预览
原生 JavaScript 简约灯箱图片预览组件这是一款图片灯箱展示效果，基于纯 JavaScript 实现。点击缩略图后图片以全屏弹窗形式展开，配备左右切换箭头、关闭按钮、自定义图片说明等完整功能，无需依赖任何外部库。很多网站的图片查看体验...
文字填充
纯 CSS 文字下划线填空滚动轮播交互效果这是一款句子填空动画效果，基于纯 CSS 技术实现。一句话被拆成几段，中间留出空位，关键词用红色高亮并带下划线强调。视觉上像是在做英语填空题，但这里的"空"会动态滑入不同的词汇，让整句话的意思...