UI设计和交互制作工具Framer在最新一次更新中推出了期待已久的3D变换制作功能。此次新增功能让用户能在Framer中直接创建各种3D动画效果，例如常见的卡片翻转动画，而无需外部3D软件的辅助。
这个功能有点类似以前Adobe XD的3D变换功能，用户可以在Transforms面板中找到全新的3D变换选项，包括3D旋转(3D Rotate)、3D倾斜(3D Skew)、3D缩放(3D Scale)等。
以3D旋转为例，用户可以为Frame设置hover动画变体，在X、Y、Z三个轴向任意角度进行3D旋转，视觉效果十分立体动态。通过调节旋转角度和透视深度参数，可以实现物体翻转、360°旋转等丰富的3D动画。
3D倾斜则能将Frame元素倾斜到一个3D平面上，营造出极具视差的立体效果。用户还可以同时设置旋转、缩放等多重3D变换参数，塑造出Frame元素在虚拟3D空间中自由翻滚飞行的逼真动画。
上述3D动画不仅可以应用于单一Frame，还能运用到任何Framer组件甚至整个界面中，为APP、网站等注入全新的动态体验。
除了上述基本3D动画制作外，Framer官方还展示了一些复杂的3D应用场景，如Frame翻转后能够揭示全新内容等惊艳效果。
此次Framer 3D动画新功能扩展了Framer的设计能力和表现力，让3D轻需求的用户们多了一个工具选择。
demo:https://framer.university/resources/windwheel-3d-animation-in-framer
