三分钟如何做出h5快闪动画

每年都被苹果发布吸引住了，惊叹视觉展现形式的同时，又对里面精妙的文案策划、文字图形的快速切换与巧妙转场赞不绝口，同样爱好这类风格的意派Epub360er们就来问，这个能不能做成H5版快闪？借此大家热情那么高昂，就索性做了一版H5版快闪，中间拖拖拉拉耽搁了好久教程总算大概完工，本文用三分钟打造炫酷H5快闪，意派H5手把手教学，废话不多说，开始上课！

方法/步骤

1. 1

   1.首先进入Epub360编辑器，把画布的背景调成#00000，添加段落组件，双击编辑文字，输入文字“接下来的”，设置文字的颜色、字号、位置；

   
2. 2

   2.复制上一个文本，粘贴两次得到三个文本，更改第二和第三个文字为“时间”，“你”；

   
3. 3

   3.再添加一次段落组件，输入文字“准备好了吗？”，设置文字的字号颜色、字号、位置；

   
4. 4

   4.给“接下来的”文本添加缩小出现动画，持续时间为0.8s，延迟0.5s，接着给该文本添加渐隐动画；

   
5. 5

   5.再给“时间”文本添加渐现动画，持续时间为0.01s，再给该文本添加渐隐动画；

   
6. 6

   6.这时候我们再复制“时间”文本动画，粘贴动画给“你”文本上；

   
7. 7

   7.给“准备好了吗？”文本添加逐字出现动画，接着再给该文本添加渐隐动画；

   
8. 8

   8.然后，设置“接下来的”文本渐隐开始时，播放“时间”文本添加渐现动画，“时间”文本渐现动画结束后播放“时间”文本渐隐动画，后面以此类推。

   
9. 9

   最后，我们就可以预览看下效果了，预览之前还需要把所有的文字都排列整齐哦，祝你们成功！