HoverCard
Hover card component - floating cards that display detailed information on hover
案例展示
HoverCard 在实际场景中的使用示例
Framer Motion 动画
使用 framer-motion 增强悬停卡片的动画效果
动画用户卡片
AC@alexchen
ML@mayalin
JP@jordanpark
动画项目预览
高表现力案例
视觉丰富、信息密集的悬停卡片
活动预览
数据统计预览
Total Views
24.5k
Engagement
8.3%
Bounce Rate
32%
功能按钮提示
位置选项
HoverCard 可以在不同方向显示
延迟设置
控制 HoverCard 的打开和关闭延迟
0ms delay
300/200ms
700/400ms