Motion DevTools

Motion DevTools在浏览器中使用的扩展工具,这款工具提供的是检查、编辑和导出使用 CSS 和 Motion One 制作的动画等,欢迎需要的朋友下载使用。

介绍

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

功能

🔍 检查:按下记录并进行交互。检测到的 CSS 和 Motion One 动画将绘制在经典的时间轴界面上。使用播放控件从任意点擦洗和重播您的动画。
Motion DevTools插图
✍️ 编辑:添加、移动和删除关键帧。使用自定义控件编辑值和缓动,您的编辑将实时反映在页面上。
Motion DevTools插图1
🚢 导出:完善您的动画?点击导出按钮立即生成代码。将任何动画导出到 CSS 过渡、CSS 动画或 Motion One。

插件安装说明

1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用

Motion DevTools下载地址
Motion DevTools插图2
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!
0 0 投票数
文章评分
订阅评论
提醒
guest
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x