如果一個頁面上，文字遠多于圖片，怎么才能讓整個構成看起來不那么死板呢？

其實只要讓文字動起來就ok啦~

錄屏沒有真實效果好，真正做完以后，盡享絲~滑~哦~

依然是0基礎，不用下載軟件，一起在網頁做一份這樣的H5吧！【初心小太陽出品~】

step1

首先，打開自己習慣的H5制作工具。我一般用電腦自帶的wps H5，所以就用這個演示。大家隨意選擇習慣的就好，大同小異哈。

然后插入這樣一張圖：

并將背景調整為圖片底色：

RGB模式：2/9/27

得到如下圖片：

step2

將文案插入H5中，每句都要用一個單獨的文本框哦！

step3

到這里，頁面排版就結束了，開始設置動畫。

①將插入的圖片設置為：【縮小】 ? 開始時間0.4，其他默認：

②【圓潤有型·自如隨心】這句大標題，動畫設置為【從上淡入】，【與上一動畫同時】，開始時間0.6，持續(xù)時間2：

③將文案小字的第一行，動畫設為【從下淡入】，【與上一動畫同時】，開始時間0.6，持續(xù)時間2

接下來的每行文案，其他項不變，開始時間比上一行+0.2

ok，到這里就結束了，點擊預覽，看看是不是生成了絲滑的字幕文案呢？

如果喜歡，就贊一個吧~