Animation Generator是一款可以安装到谷歌浏览器上使用并支持所有chrome内核浏览器操作的开发者工具实时预览功能的强大插件,使用这款插件能让您的代码在未保存的情况下就能预览效果。是集成在开发者工具Devtools的一个功能。它能帮助开发者迅速为原本死气沉沉的页面上的元素添加动画和实时预览,并生成兼容多浏览器的CSS动画代码。
1、在HTML中,为需要添加动画的元素添加前缀为"anim-"的类,如anim-arrow。
2、打开开发者工具,使用放大镜选中带有"anim-"前缀的类的元素。
3、在Style,Event Listener等标签栏切换到Animation Generator。
4、现在开始给你的元素添加动画吧。
方法一:.crx文件格式插件安装
1、首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。
2、在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入:chrome://extensions/
3、找到自己已经下载好的Chrome离线安装文件xxx.crx,然后将其从资源管理器中拖动到Chrome的扩展管理界面中,这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。
4、松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去,但是谷歌考虑用户的安全隐私,在用户松开鼠标后还会给予用户一个确认安装的提示。
5、用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去,安装成功以后该插件会立即显示在浏览器右上角(如果有插件按钮的话),如果没有插件按钮的话,用户还可以通过Chrome扩展管理器找到已经安装的插件。
方法二:文件夹格式插件安装
1、首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。
2、在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。
3、勾选开发者模式,点击加载已解压的扩展程序,将文件夹选择即可安装插件。
同类推荐
2022-10-05
立即下载2022-09-15
立即下载2022-09-06
立即下载2022-09-30
立即下载2022-09-30
立即下载2022-09-30
立即下载相关文章
会声会影x9如何去除视频噪音?
2022-12-18光影魔术手如何设计单一纯色图片?
2022-12-18网易大神App如何开启游戏福利?
2022-11-26Visual Studio 2015更改字体大小的方法
2021-06-10PotPlayer如何设置?PotPlayer播放器常用设置
2022-12-18炉石传说暴风城任务防术卡组玩法攻略
2022-12-11屏幕录像专家如何转换格式?屏幕录像专家转换格式的技巧
2022-11-26闪电音频剪辑软件选择高质量音频导出的方法
2022-11-12Typora如何生成目录?Typora生成目录的技巧
2022-11-12Sublime Text 3分屏显示及关闭分屏的方法
2022-12-18