✨ Framer Motion 是一个开源的动画库，专为创意开发者设计，结合了 JavaScript 动画的强大功能与原生浏览器 API 的高性能。它的使用非常简单，只需几行代码即可实现复杂的动画效果。
🎨 主要功能：
- 弹簧动画：使用弹簧物理学创建自然流畅的动画。
- 关键帧动画：通过关键帧定义动画的不同状态，轻松实现复杂的动画效果。
- 布局动画：在组件布局变化时自动处理动画，提升用户体验。
- 共享布局动画：在不同组件之间共享布局动画，增强视觉连贯性。
- 手势支持：支持拖动、点击和悬停等手势，提升交互性。
- 滚动动画：根据滚动位置触发动画，增强页面动态效果。
- SVG 路径动画：为 SVG 元素添加动画效果，提升视觉表现。
- 退出动画：为组件的退出添加动画效果，提升用户体验。
- 服务器端渲染：支持服务器端渲染，提升 SEO 性能。
- 独立变换：允许对每个组件进行独立的样式变换，灵活性更高。
- 跨组件动画编排：在多个组件之间编排动画，创造更复杂的动画效果。
- CSS 变量支持：支持 CSS 变量，方便样式管理。
🚀 开始使用：只需通过 npm 安装 framer-motion，然后在项目中导入并使用 motion 组件即可轻松实现动画效果。
