1、css3中沒有animate，只有animation（動畫屬性）。使用方法：用@keyframes定義自定義動畫，用animation引用該動畫。最簡單的寫法：

animation：name（自定義動畫名稱）?duration（持續(xù)時間）;

例：

animation：scroll?2s;

意思是在2s內(nèi)運行自定義的scroll動畫。

2、transition（過渡屬性）。使css屬性在一段時間內(nèi)平滑過渡。最簡單寫法：

transition：property（需要過渡的屬性）?duration（持續(xù)時間）;

例：

transition：background-color?2s;

意思是用2s時間過渡背景顏色。該屬性比animation低級一些。不能自定義動畫，只是模擬。

3、translate（位移）是transform（變換屬性）的一種。最簡單寫法為：

transform：translate（x）;

例：

transform：translate（100px）;

意思是元素在x軸上從當前位置移動到100px。