我们经常制作H5页面， 我们可以给静态的图片添加动画或动效， 来增加H5页面的趣味性， 这里以意派Epub360为例
需要这些哦
Epub360 H5编纂器
电脑
方式/
1添加图片素材 。 点击菜单栏的图片组件按钮
文章插图
2呈现素材库的页面， 这两个都是上传素材的按钮， 点击图中肆意一个按钮即可
文章插图
3点击上传素材窗口的灰色区域， 在弹出来的窗口上， 打开我们已解压素材的第一页的文件夹， 选中里面所有的素材， 点击打开
文章插图
4期待素材上传后， 点击完当作按钮(上传当作功素材的右上角会呈现绿色的对勾)
文章插图
5第一页的图片素材就已上传到我们的素材库里了， 把鼠标放到素材上， 呈现两个按钮， 点击右侧的按钮插入图片
文章插图
6图片素材已经插入到了画布上
文章插图
7结构调整 。 拖动图片素材， 使布景图片与白色画布完全重合
文章插图
8按照布景图片的插入体例， 我们再把第一页的其他图片素材插入， 并拖动到合适的位置上
文章插图
9添加动效 。 选中图片素材， 在右侧的设置面板中选择呈现动效， 在倒三角状的下拉菜单里找到放大动效， 点击选中
文章插图
10同样的， 我们依次给别的两张图片添加“标的目的右下扭转进入”和“X轴标的目的内翻转”动效
文章插图
11调整动效播放次序 。 我们想让题目、地图、文字依次按挨次呈现， 所以设置题目动效延迟0秒， 地图动效延迟1秒， 文字动效延迟2秒
文章插图
12【如何利用Epub360给H5页面添加图片设置动效】预览， 这时辰我们就可以点击编纂器的左上角“预览”按钮预览结果啦
注重事项利用谷歌浏览器编纂建造
图片不宜过大， 最好在200kb以内
以上内容就是如何利用Epub360给H5页面添加图片设置动效的内容啦， 希望对你有所帮助哦！
推荐阅读
- 纯牛奶如何打发奶油
- 如何将好友以及公众号的图标放到手机桌面
- 如何查询vivo手机的零配件价格及维修方式
- 如何使用iPhone中最专业、简洁、高效的录音机
- OPPO手机如何更换应用加密锁密码
- 苹果手机如何分享热点密码给朋友
- 滴滴如何申请发票
- 微信如何将gif图片发到朋友圈
- 海信ip903h如何恢复出厂设置
- 如何重置邮政储蓄手机银行的交易密码