| è¯æ³•é¡¹ç›® | 说明 |
|---|---|
| åˆå§‹å€¼ | 0 |
| 适用于 | æ‰€æœ‰å…ƒç´ |
| å¯å¦ç»§æ‰¿ | å¦ |
| å•ä½ | S |
| 媒介 | 视觉 |
| 版本 | CSS3.0 |
<time>：æ£æ•°ï¼Œå•ä½å¯ä»¥æ˜¯ç§’(s)或者毫秒(ms)。默认值为0，表明动画ä¸æ‰§è¡Œã€‚
.animation_duration{
left:10px;
top:100px;
position:absolute;
-webkit-animation:0.5s ease 1 forwards;
-webkit-animation-duration:2s;
-webkit-animation-name:demo;
-moz-animation:0.5s ease 1 forwards;
-moz-animation-name:demo;
-moz-animation-duration:2s;
}
@-webkit-keyframes demo{
0%{left:10px;}
100%{left:400px;}
}
<div class="demo_box animation_duration">我一共è¿è¡Œäº†2秒钟</div>
| IE | Firefox | Opera | Safari | Chrome |
|---|---|---|---|---|
| IE 10+ | Firefox 3.5+ | ç›®å‰æš‚æ— ç‰ˆæœ¬æ”¯æŒ | Safari 10+ | Chrome 2.0+ |