React中如何使用Framer实现动画效果？

本文共计1730个文字，预计阅读时间需要7分钟。

目录+前言+效果体验+快速开始+安装+输入+使用方式+示例+挂载与卸载（mount、unmount）+列表+更多API+美中不足+前言+信心+前端同学或多少和动画打交道的经验+有的时

目录

• 前言
• 效果体验
• 快速开始
• 安装
• 输入
• 使用方式
• 示例
• 节点的挂载与卸载(mount、unmount)
• 列表
• 更多API
• 美中不足

前言

相信很多前端同学都或多或少和动画打过交道。有的时候是产品想要的过度效果；有的时候是UI想要的酷炫动画。但是有没有人考虑过，是不是我们的页面上面的每一次变化，都可以像是自然而然的变化；是不是每一次用户点击所产生的交互，都可以在页面上活过来呢？

欢迎你打开了新的前端动画世界——《Framer Motion》

效果体验

这里，我在framer官网上面给大家录制了一下大概的使用效果。