Motion DevTools

Chrome浏览器插件下载和安装教程(图文讲解)
检查、编辑和导出使用 CSS 和 Motion One 制作的动画。

Motion DevTools 是一个浏览器扩展,用于检查、编辑和导出使用 CSS 和 Motion One 制作的动画。

🔍 检查:按下记录并进行交互。检测到的 CSS 和 Motion One 动画将绘制在经典的时间轴界面上。使用播放控件从任意点擦洗和重播您的动画。

✍️ 编辑:添加、移动和删除关键帧。使用自定义控件编辑值和缓动,您的编辑将实时反映在页面上。

🚢 导出:完善您的动画?点击导出按钮立即生成代码。将任何动画导出到 CSS 过渡、CSS 动画或 Motion One。