css animate屬性參數說明

css3 animation 屬性詳細說明

//  css3 animation
// animation 參數
// animation-name 規定須要綁定到選擇器的 keyframe 名稱。。
// animation-duration 規定完成動畫所花費的時間，以秒或毫秒計。
// animation-timing-function 規定動畫的速度曲線。
  // linear 動畫從頭至尾的速度是相同的。
  // ease 默認。動畫以低速開始，而後加快，在結束前變慢
  // ease-in 動畫以低速開始。
  // ease-out 動畫以低速結束。
  // ease-in-out 動畫以低速開始和結束。
  // cubic-bezier(x1, y1, x2, y2) 在 cubic-bezier 函數中本身的值。可能的值是從 0 到 1 的數值。
  函數說明：https://segmentfault.com/a/1190000004618375
// animation-delay 規定在動畫開始以前的延遲。
// animation-iteration-count 規定動畫應該播放的次數。
// animation-direction 規定是否應該輪流反向播放動畫。
  // normal 默認值。動畫應該正常播放。
  // alternat 動畫應該輪流反向播放。
// animation-fill-mode 屬性規定動畫在播放以前或以後，其動畫效果是否可見。
  // none 不改變默認行爲。
  // forwards 當動畫完成後，保持最後一個屬性值（在最後一個關鍵幀中定義）。
  // backwards 在 animation-delay 所指定的一段時間內，在動畫顯示以前，應用開始屬性值（在第一個關鍵幀中定義）。
  // both 向前和向後填充模式都被應用。