在CSS中,我們可以使用animation-duration
屬性來設定時間,這個屬性用于定義動畫完成一個周期所需的時間,我們可以將時間值指定為秒(s)或毫秒(ms)。
如果我們想要一個動畫在2秒內完成,我們可以這樣寫:
div { animation-name: example; animation-duration: 2s; }
在上面的代碼中,example
是動畫的名稱,2s
是動畫的持續(xù)時間。
如果我們想要一個動畫在500毫秒內完成,我們可以這樣寫:
div { animation-name: example; animation-duration: 500ms; }
在這個例子中,example
是動畫的名稱,500ms
是動畫的持續(xù)時間。
animation-duration
屬性只定義了一個動畫周期的時間,如果你想要改變動畫的延遲時間,你可以使用animation-delay
屬性,這個屬性用于定義在瀏覽器開始播放動畫之前等待的時間,我們可以將時間值指定為秒(s)或毫秒(ms)。
如果我們想要一個動畫在1秒后開始播放,我們可以這樣寫:
div { animation-name: example; animation-delay: 1s; }
在這個例子中,example
是動畫的名稱,1s
是動畫的延遲時間。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。