經常使用animation動畫

/*編輯動畫名*/
animation-name: myDemo;

/*動畫持續時間*/
animation-duration: 6s;

/*動畫方向*/
/*reverse 反向*/
/*alternate 從後向前播放動畫*/
/*alternate-reverse 從後向前播放動畫且反向*/
animation-direction: alternate;

/*動畫執行次數*/
/*infinite 循環播放*/
animation-iteration-count: infinite;

/*動畫結束後的位置*/
/*forwards 保留最後一個屬性值*/
animation-fill-mode: forwards;

/*動畫延遲*/
animation-delay: 1s;

/*動畫運動方式*/
/*linear 動畫從頭至尾的速度是相同的。 測試
ease 默認。動畫以低速開始，而後加快，在結束前變慢。 測試
ease-in 動畫以低速開始。 測試
ease-out 動畫以低速結束。 測試
ease-in-out 動畫以低速開始和結束。 測試
cubic-bezier(n,n,n,n) 在 cubic-bezier 函數中本身的值。可能的值是從 0 到 1 的數值。*/
animation-timing-function: linear;