HBuilder中怎樣使CSS動(dòng)畫無限循環(huán)？Hbuilder只是一個(gè)IDE。要做無線循環(huán)的動(dòng)畫效果，需要了解CSS3的動(dòng)畫，動(dòng)畫迭代次數(shù)定義了播放動(dòng)畫的次數(shù)無限意味著無限循環(huán)CSS3有一個(gè)動(dòng)畫填充模式

HBuilder中怎樣使CSS動(dòng)畫無限循環(huán)？

Hbuilder只是一個(gè)IDE。要做無線循環(huán)的動(dòng)畫效果，需要了解CSS3的動(dòng)畫，

動(dòng)畫迭代次數(shù)定義了播放動(dòng)畫的次數(shù)

無限意味著無限循環(huán)

CSS3有一個(gè)動(dòng)畫填充模式，可以在動(dòng)畫下設(shè)置動(dòng)畫完成后的狀態(tài)。默認(rèn)情況下，none設(shè)置為forward，動(dòng)畫完成后，您可以在動(dòng)畫的最后一幀中凍結(jié)

像這樣的效果，如果您想知道，

已經(jīng)下載，您可以把它拆開看看。

我們來說說原理吧，這不是純CSS3，只是用CSS3定義動(dòng)畫，]@-Moz關(guān)鍵幀提示{

0%{box shadow:0px 0px 0px#F00}]25%{box shadow:0px 0px 8px#F00}]50%{box shadow:0px 0px 0px#F00}]100%{box shadow:0px 0px 8px#F00}]剛才定義的動(dòng)畫。

.提示{

-網(wǎng)絡(luò)工具包-動(dòng)畫：提示1

-moz-動(dòng)畫：提示1

}

當(dāng)然可以使用CSS3。僅僅使用純CSS3，你不能像這樣拖拽和剪切屏幕。這需要JS或JQ來完成。。。