如何製作H5動畫

H5頁面中，動畫的使用已經非常廣泛，可以説，百分之90的H5頁面擁有動畫效果。
H5頁面動畫的製作，可以通過編碼，插入flash等方式來實現。
但是對於非技術類人員，如何在H5中製作動畫呢？我們在微吾H5在線工作中來學習如何製作H5動畫。

操作方法

（01）打開工具使用谷歌瀏覽器打開微吾官網，進入我的主頁，點擊“創建項目”按鈕。進入工具操作界面。

（02）添加一個圖片點擊頂部菜單欄“圖片”按鈕，右側出現圖片選擇欄目，點擊“公共素材庫”，選擇任意圖片插入到頁面中。

（03）選擇圖片右側出現圖片編輯模塊，其中包含功能：圖片替換、圖片裁剪。包含圖片基本信息設置：尺寸大小、邊框顏色、透明比例、圓角半徑、旋轉角度等。

（04）添加動畫點擊“動畫”按鈕，進入動畫設置，點擊“添加動畫按鈕”。為元素添加動畫，設置動畫類別和參數。動畫時長：發生動畫花費的時間。動畫延遲：表示延遲動畫的發生。比如，頁面進入2s後再執行動畫。

（05）查看動畫效果方式1：鼠標上移到動畫效果選項，該選項會顯示動畫效果，以方便我們選擇。方式2：為圖片添加完效果之後，會默認執行該動畫。方式3：點擊“播放動畫”按鈕。可多次查看該元素添加的動畫。