三分钟如何做出h5快闪动画
每年都被苹果发布吸引住了，惊叹视觉展现形式的同时，又对里面精妙的文案策划、文字图形的快速切换与巧妙转场赞不绝口，同样爱好这类风格的意派Epub360er们就来问，这个能不能做成H5版快闪？借此大家热情那么高昂，就索性做了一版H5版快闪，中间拖拖拉拉耽搁了好久教程总算大概完工，本文用三分钟打造炫酷H5快闪，意派H5手把手教学，废话不多说，开始上课！
方法/步骤
- 1
1.首先进入Epub360编辑器，把画布的背景调成#00000，添加段落组件，双击编辑文字，输入文字“接下来的”，设置文字的颜色、字号、位置；
- 2
2.复制上一个文本，粘贴两次得到三个文本，更改第二和第三个文字为“时间”，“你”；
- 3
3.再添加一次段落组件，输入文字“准备好了吗？”，设置文字的字号颜色、字号、位置；
- 4
4.给“接下来的”文本添加缩小出现动画，持续时间为0.8s，延迟0.5s，接着给该文本添加渐隐动画；
- 5
5.再给“时间”文本添加渐现动画，持续时间为0.01s，再给该文本添加渐隐动画；
- 6
6.这时候我们再复制“时间”文本动画，粘贴动画给“你”文本上；
- 7
7.给“准备好了吗？”文本添加逐字出现动画，接着再给该文本添加渐隐动画；
- 8
8.然后，设置“接下来的”文本渐隐开始时，播放“时间”文本添加渐现动画，“时间”文本渐现动画结束后播放“时间”文本渐隐动画，后面以此类推。
- 9
最后，我们就可以预览看下效果了，预览之前还需要把所有的文字都排列整齐哦，祝你们成功！
- 发表于 2018-02-01 00:00
- 阅读 ( 1209 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章