今天說一說 CSS3 標準的動畫屬性：
本文是基于w3cschool在線教程的官網完成的。先貼出官網上給出的實例代碼和運行結果的截圖
語法：
animation：name duration timing-function delay iteration-count direction
看一下各個參數的使用方法：
1.name：規定需要綁定到選擇器的 keyframe 名稱，必須與規則@keyframe配合使用
2.duration：規定完成動畫所花費的時間，以秒或者毫秒計數
3.timing-function：規定動畫的速度曲線
3-1.linear：動畫從頭到尾速度是相同的
3-2.ease：是默認的。動畫從低速開始，然后加速，在結束前變慢
3-3.ease-in：動畫從低速開始
3-4.ease-out：動畫以低速結束
3-5.ease-in-out：動畫以低速開始和結束
3-6.cubic-bezier(n,n,n,n)：也叫貝塞爾曲線，在cubic-bezier函數中自己的值。想要搞清楚這個方法，首先要知道貝塞爾曲線的使用方法
4.delay：規定在動畫開始之前的延遲時間
5.iteration-count：規定動畫應該播放的次數。
它的值可以為 infinite :表示無限循環。 一個number：表示循環的次數
6.direction：規定是否應該輪流反向播放動畫。它的值可以為：
normal : 正常方向（默認）
reverse : 反方向運行
alternate : 動畫先正常運行再反方向運行，并持續交替運行
alternate-reverse : 動畫先反運行再正方向運行，并持續交替運動
http://www.w3school.com.cn/tiy/t.asp?f=css3_animation-direction
上面就是該官網上面舉的實例。當然這里面其實不止6個。遇到的時候在補充總結吧。
另外除了上面直接使用 animation 的方法之外還可以使用下面這個方法：
上面的兩個效果是相同的，都是延遲3秒之后開始移動。除了上面的delay方法，對于上面提到的6個參數都可以使用這樣的方法來實現同樣的效果。
希望對讀者有所幫助！
