實(shí)例

暫停動(dòng)畫(huà)：

div
{
animation-direction:alternate;
-webkit-animation-direction:alternate; /* Safari 和 Chrome */
}

親自試一試

瀏覽器支持

Internet Explorer 10、Firefox 以及 Opera 支持 animation-direction 屬性。

Safari 和 Chrome 支持替代的 -webkit-animation-direction 屬性。

注釋?zhuān)?/span>Internet Explorer 9 以及更早的版本不支持 animation-direction 屬性。

定義和用法

animation-direction 屬性定義是否應(yīng)該輪流反向播放動(dòng)畫(huà)。

如果 animation-direction 值是 "alternate"，則動(dòng)畫(huà)會(huì)在奇數(shù)次數(shù)（1、3、5 等等）正常播放，而在偶數(shù)次數(shù)（2、4、6 等等）向后播放。

注釋?zhuān)?/span>如果把動(dòng)畫(huà)設(shè)置為只播放一次，則該屬性沒(méi)有效果。

語(yǔ)法

animation-direction: normal|alternate;

相關(guān)頁(yè)面

CSS3 教程：CSS3 動(dòng)畫(huà)