CSS動畫可以讓我們的網頁更加生動有趣。其中重要的一個屬性就是“持續時間”,它指定了動畫從開始到結束所需要的時間。
.transition { transition-duration: 1s; }
上述代碼的意思是,選擇器為“.transition”的元素,在進行CSS過渡效果時,持續時間為1秒。
有時候,我們會遇到一些需要延遲或者重復的動畫,CSS同樣提供了對應的屬性。
.delay { transition-delay: 2s; } .repeat { animation-duration: 2s; animation-iteration-count: 3; }
上述代碼中,選擇器為“.delay”的元素,進行CSS過渡效果時,會延遲2秒后再開始動畫。而選擇器為“.repeat”的元素,則是一個使用CSS動畫的例子。它指定了動畫持續時間為2秒,并且重復3次。
總之,CSS動畫的持續時間屬性,可以幫助我們控制動畫的速度和效果,進而讓我們的網頁更加出色。