motion-animation-patterns - React 动画模式实现
在 React 应用中使用预设模式实现 Framer Motion 动画
标签
更新于: 2026-06-30能力
典型输入
典型输出
该技能可以做什么
- 添加页面转场
- 实现模态框动画
- 创建交错列表动画
- 添加悬停交互
- 实现骨架屏加载
- 创建折叠动画
- 构建提示通知动画
- 应用动画预设
- 配置 RTL 动画
输入
- React 组件
- 动画预设
- 组件属性
输出
- 动画 UI 组件
- 过渡效果
- 页面动画
要求
- React 19
- Framer Motion
- TypeScript