Animation Generatorv1.1.2官方版

动画生成器是一个强大的插件，可以安装在谷歌浏览器上，支持开发者工具对所有chrome内核浏览器操作的实时预览功能。使用这个插件可以让你的代码预览效果而不用保存。

基本介绍

动画生成器是集成在开发工具Devtools中的一个功能。它可以帮助开发人员快速给原死页上的元素添加动画和实时预览，生成兼容多种浏览器的CSS动画代码。

操作程序

1.在HTML中，为要制作动画的元素添加前缀为“anim-”的类，例如anim-arrow

2.打开开发工具，用放大镜选择前缀为“anim-”的类元素

3.切换到选项卡栏中的动画生成器，如样式、事件监听器。

4.现在开始给你的元素添加动画。

施用方式

方法1:crx文件格式插件安装

1.首先，用户点击Google浏览器右上角的自定义和控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序，或者直接输入：chrome :///extensions/

3.找到你下载的Chrome的离线安装文件xxx.crx，然后从资源管理器拖拽到Chrome的扩展管理界面。这时，用户会发现在扩展管理器的中央部分会有一个“拖拽安装”的插件按钮。

4.你可以通过释放鼠标将当前拖动的插件安装到谷歌浏览器中，但谷歌会在释放鼠标后提示用户确认安装。

5.此时用户只需点击添加按钮，即可将离线Chrome插件安装到谷歌浏览器中。安装成功后，插件会立即显示在浏览器的右上角(如果有插件按钮)。如果没有插件按钮，用户也可以通过Chrome扩展管理器找到安装的插件。

方法2:文件夹格式插件安装

1.首先，用户点击Google浏览器右上角的自定义和控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。

3.检查开发人员模式，单击加载解压缩的扩展程序，并选择安装插件的文件夹。