如何制作H5快閃動畫，就用意派Epub360免費制作
本文詳細教學如何制作H5快閃動畫，九個步驟打造炫酷H5快閃動畫，附H5快閃模板
工具/原料
- 電腦
- 意派Epub360工具
方法/步驟
- 1
1.打開意派Epub360編輯器，把畫布背景調成純黑色，添加富文本組件，雙擊編輯文字，輸入“接下來的”，設置文本樣式為黑體，14pt，粗體，居中顯示；
- 2
2.復制粘貼出兩個文本，更改文字為“時間”，'你"；
- 3
3.添加段落組件，輸入“準備好了嗎？”，設置文本樣式為黑體，14pt，粗體，居左顯示；
- 4
4.給“接下來的”文本添加縮小出現動畫，持續時間為0.8s，延遲0.5s，動畫效果為Power4.easeOut，初始比例為4，接著給該文本添加漸隱動畫，持續時間為0.01s，延遲0.3s，其他的不做設置；
- 5
5.給“時間”文本添加漸現動畫，持續時間為0.01s，勾選等待觸發器觸發；接著再給該文本添加漸隱動畫，持續時間為0.1s，延時0.2s，勾選等待觸發器觸發；
- 6
6.復制“時間”文本動畫，粘貼動畫給“你”文本上；
- 7
7.給“準備好了嗎？”文本添加逐字出現動畫，持續時間為0.5s，動畫效果為Power4.easeOut，勾選等待觸發器觸發，接著再給該文本添加漸隱動畫，設置持續時間為0.1s，延遲0.2s，勾選等待觸發器觸發；
- 8
8.設置“接下來的”文本漸隱開始時，播放“時間”文本添加漸現動畫，“時間”文本漸現動畫結束后播放“時間”文本漸隱動畫，后面以此類推，總的來說，下一個出現（漸現）動畫與上一個消失（漸隱）動畫一起開始。
- 9
9.最后把所有文本x，y軸位置調整對齊，預覽看看吧~
當然啦，方法頁不唯一，也可以不使用觸發器銜接動畫的出現與消失，漸隱的動畫也可以用隱藏元素來代替，步驟做起來感覺很簡單的，祝你們成功！
- 發表于 2018-01-30 00:00
- 閱讀 ( 1980 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章