GoodVibe
登录
返回组件样式 · Scroll

Flip:滚动翻牌的两种版本

卡片随滚动绕 Y 轴翻面

Details
v1.02026-06-04

Overview

卡片随滚动绕 Y 轴翻面,正面是图、背面是另一套设计。两种形态:v1 叠在中心原地翻(滚轮一格一翻),v2 像纸牌横向带间距铺开、逐张翻过中心。原版 React + Framer Motion,移植成零依赖单文件。

How to Use

产品特性展示、作品集、图文对照的滚动翻牌区

引入单文件,替换卡片正/反面内容;选 v1 原地翻或 v2 横向铺开