/*** animation-name: 調用 @keyframes 所定義的動畫* animation-duration: 動畫周期所花費的時間長度* animation-timing-function: 規定動畫的速度曲線* animation-delay: 延時執行動畫的時間* animation-iteration-count: 動畫執行的次數* animation-dircetion: 規定動畫下一周期是否逆向播放* animation-play-state: 規定動畫為運行或暫停狀態* animation-fill-mode: 規定動畫對象時間之外的狀態*/element {animation-name: aName;animation-duration: 2s;animation-timing-function: ease;animation-delay: 2s;animation-iteration-count: 2;animation-direction: normal;　　animation-play-state: running;animation-fill-mode: none; }@keyframes aName {from: {/* 初始狀態 */}　to: {/* 結束狀態 */} }

　　

總結

以上是生活随笔為你收集整理的笔记 — 动画效果（Css3）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。