微信小程式--加載動畫：旋轉方塊

效果展示

wxmlDemo代碼

Demo代碼

Animation說明

屬性

描述

@keyframes

規定動畫

animation

所有動畫屬性的簡寫屬性，除了 animation-play-state 屬性

animation-name

規定 @keyframes 動畫的名稱

animation-duration

規定動畫完成一個周期所花費的秒或毫秒

animation-timing-function

規定動畫的速度曲線

animation-delay

規定動畫何時開始

animation-iteration-count

規定動畫被播放的次數

animation-direction

規定動畫是否在下一周期逆向地播放

animation-play-state

規定動畫是否正在運作或暫停

animation-fill-mode

規定對象動畫時間之外的狀态

https://mp.weixin.qq.com/s/hDYgY9_WOz3uE3WOT5q51w