教程：0基础，2步做出中国风的花瓣飞舞动画效果
2016-11-07 本文已影响1032人
虎喵君
没错我又来分享好玩的H5教程啦~
这次是我个人比较喜欢的风格——中国风。这种花瓣飞舞的动态我已经眼馋很久了，素材来自网络，侵权的话请联系我，立刻删除。
栗子宝宝出品，真的很美呀~关键是花瓣并不是飞向相同的方向，更有被风吹起的飘逸美感啦~
依然是0基础立刻上手的教程，super简单~
栗子出品
step1
首先，打开自己喜欢的H5制作页面。我用的是电脑自带的wps H5。（下次是不是可以不说这句话了，我每次都是复制粘贴的……）
然后，准备两张图。一张是地上飘落花瓣的背景图。另一张，是半透明的花瓣。
将花瓣复制四份，和背景一起插入到编辑画布中。
step2
为花瓣添加动画效果。点击【动画】-【添加动画】
为①号花瓣设置：【向右转出】，持续时间25。其他默认。
为②③④号花瓣设置：【向右淡出】，【与上一动画同时】。持续时间分别为：40、40、70。
动画效果样例
好啦，点击预览，看看花瓣们是不是在页面上随意轻舞了呢？
最后，如果喜欢这类教程，就点个赞留个言吧，感谢支持！
如果想看往期教程，点击这里：
