Motion DevTools在浏览器中使用的扩展工具,这款工具提供的是检查、编辑和导出使用 CSS 和 Motion One 制作的动画等,欢迎需要的朋友下载使用。
介绍
Motion DevTools 是一个浏览器扩展,用于检查、编辑和导出使用 CSS 和 Motion One 制作的动画。
功能
🔍 检查:按下记录并进行交互。检测到的 CSS 和 Motion One 动画将绘制在经典的时间轴界面上。使用播放控件从任意点擦洗和重播您的动画。
✍️ 编辑:添加、移动和删除关键帧。使用自定义控件编辑值和缓动,您的编辑将实时反映在页面上。
🚢 导出:完善您的动画?点击导出按钮立即生成代码。将任何动画导出到 CSS 过渡、CSS 动画或 Motion One。
插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用
Motion DevTools下载地址

为打击盗链困扰,本站已启用公众号验证
扫码关注公众号,发【识别码】获取
扫码关注公众号,发【识别码】获取
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!
订阅评论
登录
0 评论