Framer Motion 动画实战

Framer Motion 是 React 生态中最流行的动画库，提供了声明式的 API 来创建复杂的动画效果。

基础动画

使用 motion 组件替代 HTML 元素，通过 animate 和 transition 属性定义动画行为。

手势交互

支持拖拽、悬停、点击等手势动画，轻松实现磁吸按钮、视差滚动等交互效果。

页面切换

使用 AnimatePresence 组件实现页面切换动画，配合 exit 和 enter 状态创建流畅的过渡效果。