用法：

//animation
animation:move 1s linear infinite alternate;
animation：name duration timing-function delay iteration-count(規定動畫應該播放的次數) direction(規定是否應該輪流反向播放動畫)
@keyframes move{
}
//transition
transition:all 2s;
transition:property duration timing-function delay(定義過度效果何時開始);

區別：
（1）transition需要事件觸發，所以不會再頁面載入時自動觸發
（2）transition是一次性的，不能重複發生，除非一再觸發
（3）transition只能定義開始狀態和結束狀態，不能定義中間狀態
（4）一條transition規則，只能定義一個屬性的變化，不能涉及多個屬性
animation彌補也以上的缺陷。