transition、transform、animate的區別？

1、transition、transform、animate的區別？

transition：過渡效果，它有4個屬性：transition: property duration timing-function delay;

property ：css屬性的名稱

duration ：多長時間完成

timing-function：轉速曲線

delay：開始的時候。

transform： 應用於元素的2D或3D轉換。這個屬性允許你將元素旋轉，縮放，移動，傾斜等。

旋轉：rotate（）、縮放：scale（）、移動：translate（）、傾斜：skew（）

animate：動畫效果。

animation: name duration timing-function delay iteration-count direction fill-mode play-state;

name ：定義的名稱

duration ：多長時間完成

delay ：開始前多長的延遲

iteration-count：播放幾次

direction ：指定是否應該輪流反向播放動畫。

fill-mode：結束的狀態

play-state：指定動畫是否正在執行或已暫停。