animation-motion - Framer Motion 动画设计
使用 Framer Motion 和 CSS 创建流畅的动画和微交互
标签
更新于: 2026-05-11能力
典型输入
典型输出
该技能可以做什么
- 创建淡入淡出动画
- 创建滑动动画
- 创建退出动画
- 创建悬停动画
- 创建拖拽手势
- 创建滚动动画
- 创建布局动画
- 创建加载状态
- 支持减少动画
- 优化性能
输入
- React 组件
- Framer Motion 库
- CSS 样式表
- Tailwind 配置
输出
- 动画 UI 元素
- 过渡效果
- 加载骨架屏
- 模态框动画
- 滚动触发动画
要求
- React 环境
- Framer Motion 包
- CSS 支持
- Tailwind CSS