transition ： 平衡過渡
transition是一種css里的一種過渡效果，完成過渡需要多少秒 。延遲幾秒開始 ，過渡的速度（一般有 "linear 勻速" 和“ease 先慢后快再慢結束”及“cubic-bezier(n,n,n,n) 自己定義的值，可能的值是 0 至 1 之間的數值”等）
一般transition通過鼠標事件觸發 ，如（hover）產生動畫效果
animation： 動畫
animation 一般通過@keyframes 規則，創建動畫。
animation通過關鍵幀的名稱 開始的時間 動畫的速度（和上一致外還有一個step-end逐幀播放）是否重復播放（infinite）
進行根據需求進行修改即可
animation一般通過@keframes關鍵幀的規則來創建動畫，可以通過關鍵字"from"和“to”,或者通過自己定義的百分比進行動畫 0%是開始100%是結束
一般在關鍵幀要進行多個動畫效果一般使用百分比 0%和100%之間可以根據自己的要求在分成20%，40%，60%或在細分等
transform： 改變元素的大小、位置
translate：移動
translate（x,y） 定義2D空間
translate（x,y,z） 定義3D空間
這個的移動值可以使用像素px支持負值
scale：放大
scale（數值）定義圖片放幾倍大（0為不顯示,1則是圖片原本的大小）
（為放大1.3倍）
rotate：旋轉
rotate(x,y) 定義2D空間
rotate(x,y,z) 定義3D空間
這個的旋轉值使用deg 旋轉了多少度，支持負值
改變旋轉點使用“transform-origin”來改變旋轉的原點，如把旋轉點定在頂部的中心點
skew ：傾斜（扭曲）
skew(x,y) 定義2D空間
skew(x,y,z) 定義3D空間
