H5页面中,动画的使用已经非常广泛,可以说,百分之90的H5页面拥有动画效果。H5页面动画的制作,可以通过编码,插入flash等方式来实现。但是对于非技术类人员,如何在H5中制作动画呢?我们在微吾H5在线工作中来学习如何制作H5动画。
工具/原料
在线H5工具、图片素材、谷歌浏览器
方法/步骤
1
打开工具使用谷歌浏览器打开微吾官网,进入我的主页,点击“创建项目”按钮。进入工具操作界面。
2
添加一个图片点击顶部菜单栏“图片”按钮,右侧出现图片选择栏目,点击“公共素材库”,选择任意图片插入到页面中。
3
选择图片右侧出现图片编辑模块,其中包含功能:图片替换、图片裁剪。包含图片基本信息设置:尺寸大小、边框颜色、透明比例、圆角半径、旋转角度等。
4
添加动画点击“动画”按钮,进入动画设置,点击“添加动画按钮”。为元素添加动画,设置动画类别和参数。动画时长:发生动画花费的时间。动画延迟:表示延迟动画的发生。比如,页面进入2s后再执行动画。
上一篇:如何免费制作简单html5页面
下一篇:h5微场景如何制作