本章介紹css3-動畫（animation）效果的實現，讓大家了解一個簡單的css3動畫是如何實現的。有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
css3-動畫（animation）：
#具有下列屬性：
1、animation-name 自訂動畫名稱
2、animation-duration 動畫指定需要多少秒或毫秒完成，預設值是0;
3、animation-timing-function 動畫的時間曲線，linear 勻速， ease 先慢後快，結束前變慢。
4、animation-delay 動畫在啟動前的延遲間隔，預設是0
5、animation-iteration-count 動畫的播放次數，預設是1
6、animation-direction 是否輪流反向播放動畫
7、animation-play-state 動畫是否正在運作或已暫停。值：paused 指定暫停動畫 ； running 指定正在運行的動畫，預設。
程式碼實例（以平移--translate為例說明動畫的整個過程）：
效果圖：
以上是css3-動畫（animation）效果的實現的詳細內容。更多資訊請關注PHP中文網其他相關文章！
