注意(1)：
animation-play-state 也是 animation 的簡寫屬性，但在 -webkit- 中不適用：
animation: myfirst 5s infinite linear paused;
即：animation-name: myfirst;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-play-state: paused;
但, 在 -webkit- 中，-webkit-animation-play-state 卻是單獨的，不能用 -webkit-animation 包含：
-webkit-animation: myfirst 5s infinite linear paused;
無效！！！！！
必須寫為：
-webkit-animation: myfirst 5s infinite linear;
-webkit-animation-play-state: paused;
注意(2)：
animation 並不太注重語法順序(除了 【duration / 動畫用時】 一定在 【delay / 動畫延時】 之前)，但在 -webkit-animation (主要針對 "safari")中，不能以 -webkit-animation-name 來結尾：
animation: myfirst 5s linear 2s infinite alternate;
animation: 5s linear 2s infinite myfirst alternate;
animation: 5s 2s infinite alternate linear myfirst;
// etc... 都是可以的
但在 safari 中, 以下語句無法執行：【動畫名結尾】
-webkit-animation: 5s linear 2s infinite alternate myfirst;
【動畫名稱】不能作為結尾屬性, 以下語句可執行：
-webkit-animation: myfirst 5s linear 2s infinite alternate;
-webkit-animation: 5s linear 2s infinite myfirst alternate;
-webkit-animation: 5s 2s infinite myfirst alternate linear;
kaikai
790***[email protected]個月前 (07-30)
css3新動 css3新增動畫
1 transiition過渡 樣式改變就會執行transition 1 格式 transiition 1s width linear,2s 1s height 2 引數 transition property 要運動的樣式 all attr none transition duration 運動時...
css3新特性 過渡 動畫
目的是讓一些互動效果 主要是hover動畫 變得生動一些，不會顯得那麼生硬。css3 過渡是元素從一種樣式逐漸改變為另一種的效果，必須規定兩項內容 指定要新增效果的css屬性 持續時間。transition是以下四個屬性的簡寫 當需要同時給兩種css屬性新增過渡時，用逗號隔開 transition ...
CSS基礎 CSS3動畫
通過css3動畫屬性，我們可以建立動畫，實現簡單的動畫效果。css3動畫的實現需要用到animation屬性並配合關鍵幀 keyframes 使用。1.對需要設定動畫的元素新增animation屬性。2.設定關鍵幀 keyframes animation是所有動畫屬性的簡寫屬性，除了 animati...