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

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

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

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

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

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

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

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

我們來(lái)說(shuō)說(shuō)原理吧，這不是純CSS3，只是用CSS3定義動(dòng)畫(huà)，]@-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)畫(huà)。

.提示{

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

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

}

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