翻转卡片

A dynamic flip card with smooth 180-degree flipping animations along both the X and Y axes, providing an engaging and interactive visual effect.

通过 CLI 安装

npm

pnpm

bun

yarn

npx shadcn-vue@latest add "https://registry.inspira-ui.com/flip-card.json"

复制并粘贴以下代码：

FlipCard.vue

Prop 名称	类型	默认值	描述
`class`	`string`	`-`	The class to be applied to the component.
`rotate`	`x \| y`	`y`	You can pass the rotate value as you want.

Slot Name	描述
`default`	Component to show as front.
`back`	Component to show as back.

本页