沒錯我又來分享好玩的H5教程啦~
這次是我個人比較喜歡的風格——中國風。這種花瓣飛舞的動態我已經眼饞很久了,素材來自網絡,侵權的話請聯系我,立刻刪除。
栗子寶寶出品,真的很美呀~關鍵是花瓣并不是飛向相同的方向,更有被風吹起的飄逸美感啦~
依然是0基礎立刻上手的教程,super簡單~
栗子出品
step1
首先,打開自己喜歡的H5制作頁面。我用的是電腦自帶的wps H5。(下次是不是可以不說這句話了,我每次都是復制粘貼的……)
然后,準備兩張圖。一張是地上飄落花瓣的背景圖。另一張,是半透明的花瓣。
將花瓣復制四份,和背景一起插入到編輯畫布中。
step2
為花瓣添加動畫效果。點擊【動畫】-【添加動畫】
為①號花瓣設置:【向右轉出】,持續時間25。其他默認。
為②③④號花瓣設置:【向右淡出】,【與上一動畫同時】。持續時間分別為:40、40、70。
動畫效果樣例
好啦,點擊預覽,看看花瓣們是不是在頁面上隨意輕舞了呢?
最后,如果喜歡這類教程,就點個贊留個言吧,感謝支持!
如果想看往期教程,點擊這里: