小編給大家分享一下css3中animation-duration屬性的作用是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

晉寧ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書(shū)銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書(shū)合作）期待與您的合作！

animation-duration 屬性是用來(lái)定義動(dòng)畫(huà)完成一個(gè)周期所需要的時(shí)間，以秒或毫秒計(jì)；當(dāng)值為0是，表示無(wú)動(dòng)畫(huà)效果。

CSS3  animation-duration屬性

作用：animation-duration 屬性定義動(dòng)畫(huà)完成一個(gè)周期所需要的時(shí)間，以秒或毫秒計(jì)。

語(yǔ)法：

animation-duration: time

time：規(guī)定完成動(dòng)畫(huà)所花費(fèi)的時(shí)間。默認(rèn)值是 0，意味著沒(méi)有動(dòng)畫(huà)效果。

注：Internet Explorer 9 以及更早的版本不支持 animation-duration 屬性。

CSS3  animation-duration屬性的使用示例

注：Internet Explorer 9 以及更早的版本不支持 animation-name 屬性。



注：始終規(guī)定 animation-duration 屬性，否則時(shí)長(zhǎng)為 0，就不會(huì)播放動(dòng)畫(huà)了。

效果圖：

以上是“css3中animation-duration屬性的作用是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！