如何制作H5动画

操作方法

• 01

  打开工具使用谷歌浏览器打开微吾官网，进入我的主页，点击“创建项目”按钮。进入工具操作界面。

  
• 02

  添加一个图片点击顶部菜单栏“图片”按钮，右侧出现图片选择栏目，点击“公共素材库”，选择任意图片插入到页面中。

  
• 03

  选择图片右侧出现图片编辑模块，其中包含功能：图片替换、图片裁剪。包含图片基本信息设置：尺寸大小、边框颜色、透明比例、圆角半径、旋转角度等。

  
• 04

  添加动画点击“动画”按钮，进入动画设置，点击“添加动画按钮”。为元素添加动画，设置动画类别和参数。动画时长：发生动画花费的时间。动画延迟：表示延迟动画的发生。比如，页面进入2s后再执行动画。

  
• 05

  查看动画效果方式1：鼠标上移到动画效果选项，该选项会显示动画效果，以方便我们选择。方式2：为图片添加完效果之后，会默认执行该动画。方式3：点击“播放动画”按钮。可多次查看该元素添加的动画。