1樓：匿名使用者
animation: test 2s infinite linear ;
infinite就是迴圈...
css3 實現動畫效果，怎樣使他無限迴圈動下去
2樓：匿名使用者
animation:mymove 5s infinite;
在animation後面加上infinite就可以無限迴圈，另外還可以做反向迴圈使用animation-direction
animation-name規定需要繫結到選擇器的 keyframe 名稱。
animation-duration規定完成動畫所花費的時間，以秒或毫秒計。
animation-timing-function規定動畫的速度曲線。
animation-delay規定在動畫開始之前的延遲。
看下下面的**
注釋：inter*** explorer 9 以及更早的版本不支援 animation-direction 屬性。
3樓：原冷虢思源
新增屬性
animation-iteration-count:
infinite;記得加瀏覽器字首,或者animation簡寫方式裡新增
infinite,
例如animation:
keyframe
1slinear
infinite;
4樓：汝閒初喜悅
關於css3的屬性，建議你可以去看看html5學堂，裡面有相關的案例分析與講解。
css3 animation動畫，迴圈間的延時執行該怎麼弄
5樓：浮生梔
1、@keyframes規則。from to。
2、0% 100%0% 是動畫的開始，100% 是動畫的完成。可以在二者之間加入25%，50%等。
3、將動畫繫結到選擇器：在樣式中，設定動畫屬性animation，自定義動畫名稱和時長。
6、動畫速度曲線：animation-timing-function：變化型別；變化型別有：
linear 勻速；ease-in 開始慢；ease-out 結束慢；ease 動畫有乙個緩慢的開始，然後快，結束慢。
擴充套件資料animation 屬性是乙個簡寫屬性，用於設定六個動畫屬性：
1、animation-name
規定需要繫結到選擇器的 keyframe 名稱。
2、animation-duration
規定完成動畫所花費的時間，以秒或毫秒計。
3、animation-timing-function規定動畫的速度曲線。
4、animation-delay
規定在動畫開始之前的延遲。
5、animation-iteration-count6、animation-direction
6樓：用著追她
1、給div新增animation屬性即可新增動畫效果了。
2、雖然新增已經給div新增了動畫的名稱，但是因為沒有設定動畫的運動過程所以暫時不動。
3、接著就可以用@keyframes來指定動畫的運動過程了噢。而後面的名稱要跟剛才設定的一樣(bdjy)才行。
4、然後可以from和to來表示動畫從初始到結束的過程。
5、然後裡面設定屬性的變化值即可完成動畫效果。
6、當然也可以設定動畫從頭到尾執行然後再從尾到頭執行。
7、當然如果想要比較精細的控制css3動畫效果也可以用百分比的形式來設定。
7樓：匿名使用者
給你乙個例子：
梅西與美洲盃失之交臂
把總動畫設為4秒，然後前75%也就是3秒都沒變化（0-75%），之後的25%也就是1秒做動畫就可以了。
8樓：w別y雲j間
.item
@-webkit-keyframes revolving87.5%
100%
}把總動畫設為4秒，然後前75%也就是3秒都沒變化（0-75%），之後的25%也就是1秒做動畫就可以了。
9樓：匿名使用者
.xxoo
name:自定義的名稱，用於之後做動畫。
5s : 5秒就是本次執行的全程
時間10s: 10秒就是等10秒，然後再執行。
infinite：迴圈，這個就是根本停不下來。
10樓：純潔的小樹
animation定義和用法
animation 屬性是乙個簡寫屬性，用於設定六個動畫屬性：
animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction
預設值：
none 0 ease 0 1 normal
語法animation: name duration timing-function delay iteration-count direction;
animation-name
規定需要繫結到選擇器的 keyframe 名稱。。
animation-duration
規定完成動畫所花費的時間，以秒或毫秒計。
animation-timing-function
規定動畫的速度曲線。
animation-delay
規定在動畫開始之前的延遲。
總結：根據上述屬性，只需要根據具體情況設定animation-delay和animation-iteration-count即可。
例如：div
11樓：匿名使用者
animation-delay:2s;
還有乙個是每個動畫週期開始前延遲兩秒執行，每個動畫前25%讓其保持原位然後之後再做動畫操作。
是不是這樣呢
css3 實現動畫效果，怎樣使他無限迴圈動下去？
12樓：劉美蘭
主要需要使用 -webkit-animation如：-webkit-animation:gogogo 2s infinite linear ;
其中gogogo是自己定義的動畫幀，2s是整個動畫的秒數，infinite是永久迴圈 linear是線性變化 (step-end則是無線性變化，直接輸出結果)
**如下：
css:
@-webkit-keyframes gogogo50%100%
}.loading
13樓：匿名使用者
css3動畫之無限迴圈進度條無限迴圈進度條**示例比音的部落格 在animation出來之前,動畫效果需要通過js實現,但是
14樓：丶song記油條條
滑鼠懸停，圖示會一直不停旋轉。
如果實現圖示一直不停旋轉，則需要使用animation動畫。先製作動畫的各個關鍵幀，然後在圖示中運用這一動畫。
具體操作如下：
請問做好乙個css3動畫後，如何實現讓動畫持續一定時間然後跳轉到指定頁面？
15樓：任然是我
css3無法完成頁面跳轉，可以在css3做好後，用js
settimeout(function(),5000);
這樣的話會在5s後自動調整到你指定的頁面，時間可以自行調整
16樓：批發豌豆顛顛
使用 js 就可以完成了，css 是不能完成跳轉頁面的功能的
css3中怎樣實現div的2d，3d旋轉
新建乙個html檔案粘過去 2d 旋轉 3d 旋轉 2d旋轉 3d旋轉放大 2d旋轉 3d旋轉 html 2d 旋轉 3d 旋轉 js var x,y,n 0,ny 0,rotint,rotyint function rotatediv x document.getelementbyid rotat...
簡述CSS3和CSS2有什麼不同
css2基本上沒有互動動畫效果 而css3 增加了很多動畫互動效果 不要編寫js 就能實現動畫 css3比css2新増了部分屬性，也修改了少數屬性的用法，也停用了少部分。點出幾個比較新意便捷的 選擇器 att value 匹配包含以特定的值開頭的屬性的元素 att value 匹配包含以特定的值結尾...
如何讓javascript控制css3的animation和
可以直接用css3寫，或者用js定時器控制，看你具體要實現什麼動畫。animation iteration count infinite css3 實現動畫效果，怎樣使他無限迴圈動下去？主要需要使用 webkit animation如 webkit animation gogogo 2s infin...