如何制作H5快闪动画，就用意派Epub360免费制作

本文详细教学如何制作H5快闪动画，九个步骤打造炫酷H5快闪动画，附H5快闪模板

工具/原料

• 电脑
• 意派Epub360工具

方法/步骤

1. 1

   1.打开意派Epub360编辑器，把画布背景调成纯黑色，添加富文本组件，双击编辑文字，输入“接下来的”，设置文本样式为黑体，14pt，粗体，居中显示；

   
2. 2

   2.复制粘贴出两个文本，更改文字为“时间”，'你"；

   
3. 3

   3.添加段落组件，输入“准备好了吗？”，设置文本样式为黑体，14pt，粗体，居左显示；

   
4. 4

   4.给“接下来的”文本添加缩小出现动画，持续时间为0.8s，延迟0.5s，动画效果为Power4.easeOut，初始比例为4，接着给该文本添加渐隐动画，持续时间为0.01s，延迟0.3s，其他的不做设置；

   
5. 5

   5.给“时间”文本添加渐现动画，持续时间为0.01s，勾选等待触发器触发；接着再给该文本添加渐隐动画，持续时间为0.1s，延时0.2s，勾选等待触发器触发；

   
6. 6

   6.复制“时间”文本动画，粘贴动画给“你”文本上；

   
7. 7

   7.给“准备好了吗？”文本添加逐字出现动画，持续时间为0.5s，动画效果为Power4.easeOut，勾选等待触发器触发，接着再给该文本添加渐隐动画，设置持续时间为0.1s，延迟0.2s，勾选等待触发器触发；

   
8. 8

   8.设置“接下来的”文本渐隐开始时，播放“时间”文本添加渐现动画，“时间”文本渐现动画结束后播放“时间”文本渐隐动画，后面以此类推，总的来说，下一个出现（渐现）动画与上一个消失（渐隐）动画一起开始。

   
9. 9

   9.最后把所有文本x，y轴位置调整对齐，预览看看吧~

   当然啦，方法页不唯一，也可以不使用触发器衔接动画的出现与消失，渐隐的动画也可以用隐藏元素来代替，步骤做起来感觉很简单的，祝你们成功！