animation
英[ˌænɪˈmeɪʃn] 美[ˌænəˈmeʃən]
n. Angry, lively; cartoon production, cartoon shooting; [film and television] animation
Plural: animations
delay
UK[dɪˈleɪ] US[dɪˈle]
n. Delay; delay, delay; be The time of delay or postponement
vt. Delay; delay, delay
vi.Delay, delay
Third person singular: delays Present participle: delaying Past tense: delayed Past participle : delayed
css3 animation-delay property syntax
Function:The animation-delay attribute defines when the animation starts. animation-delay value is in seconds or milliseconds.
Syntax: animation-delay: time;
Description: time Optional. Defines the time, in seconds or milliseconds, to wait before the animation starts. The default value is 0.
Note: Internet Explorer 9 and earlier versions do not support the animation-delay attribute.
The animation delay effect can be set with the animation-delay attribute, indicating when the animation starts. In seconds or milliseconds, default value is 0
css3 animation-delay property example
<!DOCTYPE html> <html> <head> <style> div { width:100px; height:100px; background:red; position:relative; animation:mymove 5s infinite; animation-delay:2s; /*Safari and Chrome*/ -webkit-animation:mymove 5s infinite; -webkit-animation-delay:2s; } @keyframes mymove { from {left:0px;} to {left:200px;} } @-webkit-keyframes mymove /*Safari and Chrome*/ { from {left:0px;} to {left:200px;} } </style> </head> <body> <p><strong>注释:</strong>Internet Explorer 9 以及更早的版本不支持 animation-delay 属性。</p> <div></div> </body> </html>
Run instance »
Click the "Run instance" button to view the online instance