三分鐘如何做出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
- 閱讀 ( 1214 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章