站長資訊網(wǎng)
在css3中，可以利用animation-delay屬性設(shè)置動畫幾秒后播放，該屬性可以設(shè)置對象動畫的延遲時間，即動畫開始前等待的時間，以秒或毫秒計；語法“animation-delay: 數(shù)值+單位;”，單位可以是秒（s）或毫秒（ms）。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在css3中，可以利用animation-delay屬性設(shè)置動畫幾秒后播放。
animation-delay屬性可任意檢索或設(shè)置對象動畫的延遲時間，即定義動畫什么時候開始。
語法：
animation-delay: time;
-
time：定義動畫開始前等待的時間，以秒或毫秒計（值單位可以是秒s或毫秒ms）；默認(rèn)值為0。
提示: 允許負(fù)值，-2s 使動畫馬上開始，但跳過 2 秒進(jìn)入動畫。
示例：延遲5秒開始動畫
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> div { width: 100px; height: 100px; background: red; position: relative; animation: mymove 5s infinite; animation-delay: 5s; /*Safari and Chrome*/ -webkit-animation: mymove 5s infinite; -webkit-animation-delay: 5s; } @keyframes mymove { from { left: 0px; } to { left: 200px; } } @-webkit-keyframes mymove /*Safari and Chrome*/ { from { left: 0px; } to { left: 200px; } } </style> </head> <body> <div></div> </body> </html>
（學(xué)習(xí)視頻分享：css視頻教程、web前端）
