图片画廊
React 实现高级感十足的 Morph 变形过渡图片轮播图画廊效果这是一款基于 React 技术实现的 Morph 变形过渡图片画廊效果，支持左右箭头切换与底部缩略图快速导航，图片切换时带有流畅自然的锐化轮廓变形过渡动画，视觉体验高级细腻，适用于个人摄影作品集...
卡提夫
多用途综合电商网站 HTML 模板 | 80+ 页面·深色模式·Bootstrap 5 响应式设计这是一款面向电商业务场景打造的多用途网站模板，无论是综合商城、生鲜杂货、服装配饰还是其他品类店铺，都能找到合适的页面风格来落地。模板内置 6+ 套主页布局、10+ 种商品展示样式以及 15+ 套...
圆弧滑块
GSAP全屏图片弧形自动滚动切换特效 | 景深模糊过渡的高端滑块组件这是一款全屏沉浸式图片切换效果，基于 GSAP + CSS 技术实现。切换时，下一张图片从背景虚化状态逐渐推近、聚焦，同时左侧大字标题跟随流畅过渡，背景色也随内容联动变换——整个过程一气呵成，有...
切换过渡效果
多模式视图过渡切换效果：HTML 原生转场效果的新玩法这是一款基于 CSS View Transitions API 实现的图片切换效果，支持淡入淡出（Fade）、切片（Slice）、切片+骰子（Slice+Dice）三种过渡模式，可通过下拉菜单自...
图库
带视图过渡动画的创意图片（图库）布局效果（CSS+JS），图片切换预览带流动动效这是一款基于CSS view-transition API实现的超椭圆（Squircle）形状图片画廊效果，通过流体般的形态变化打造出独特的视觉体验。超椭圆造型是视觉亮点：整个画廊采用了介于圆形...
图片切换
CSS锚点定位图片切换特效 - 摄影作品集交互展示效果这是一款基于 CSS Anchor Positioning（锚点定位）技术实现的图片切换特效。界面采用经典的摄影作品集布局：左侧是3x3的缩略图网格，右侧是大图展示区域。技术亮点在于使用了CSS...
堆叠轮播
垂直滚动 3D 堆叠式团队成员图文卡片轮播组件（CSS+JS）这是一款垂直滚动 3D 堆叠式图文轮播效果，基于 HTML+CSS+JavaScript 技术实现，它把图文卡片做成了有层次感的 3D 堆叠样式，支持垂直滚动切换，还搭配了平滑动画、滑动 / 键...
滚动切图
GSAP滚动时固定图片，利用蒙版特效逐步展示图片从而实现图片切换这是一款滚动时的图片遮罩渐显效果，基于 CSS + JavaScript（借助 GSAP 动画库）技术实现，通过固定图像并配合动态蒙版，在用户滚动页面时逐步揭示图片内容，能让图片在滚动过程中，像...
梦幻过渡
像素流动图像切换轮播过渡效果 - 基于WebGL与Three.js的超现实视觉转换这是一款基于WebGL和GLSL着色器技术实现的着色器图像过渡效果，能够将一张图片以丝滑、梦幻的方式变形为另一张图像，仿佛在零重力空间中展开的像素之舞。画面中的图像如同被无形之力牵引，逐层解构又...
灯箱画廊
基于 CSS 与View Transition API 实现的响应式灯箱图库效果这是一款响应式灯箱 lightbox 相册组件，借助 CSS + JS 技术，并运用 View Transition API 实现。当用户点击缩略图时，可弹出灯箱以高质量、沉浸式的方式展示图片，...
条纹风轮播
弹性伸缩响应式图文轮播组件，条纹风动态过渡特效（JS+CSS实现）这是一款条纹（手风琴）风格弹性响应式轮播组件，基于JS+CSS技术实现，点击图片时，图片缓慢延伸展开，未被点击的图片略微收缩并且颜色变暗，以突显被点击的图片。支持通过左右导航按钮手动切换图片。通...
图片切换动画
纯CSS点击切换图片条形动画，条形动画方向随光标位置变化这是一款无JS图片切换器，基于CSS :has() 选择器 和 变量控制 实现，点击图片任意位置触发切换，动画方向随光标位置变化，适用于画廊展示或交互式媒体内容。