JS animate() 學習

animate(keyframes,options)

　　1. 關鍵幀

　　　　1/ 如果是過渡動畫 直接就寫效果 eg: { transform: 'rotate(360deg)' }

　　　　2/ 關鍵幀陣列 使用陣列報過物件 eg: [{transform: 'translateX(400px)'},{transform: 'translateX(300px)'},{transform: 'translateX(20px)'}]

　　2. 動畫屬性

　　　　1/ delay 延遲

　　　　2/ direction 動畫方向

　　　　3/ duration 持續時間

　　　　4/ easing 動畫速率

　　　　5/ endDelay

　　　　6/ fill 結束時復位

　　　　7/ interationStart

　　　　8/ interations 重複次數 預設1 無限 ‘Infinity’


　　　　9/ composite