css animation-duration属性是用来定义动画完成一个周期所需要的时间，以秒或毫秒计；基本语法为animation-duration: time。
css animation-duration属性怎么用？
作用：animation-duration 属性定义动画完成一个周期所需要的时间，以秒或毫秒计。
语法：
animation-duration: time
说明：time 规定完成动画所花费的时间。默认值是 0，意味着没有动画效果。
注释：Internet Explorer 9 以及更早的版本不支持 animation-duration 属性。
css animation-duration属性 示例
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:red;
position:relative;
animation:mymove infinite;
animation-duration:2s;
/* Safari and Chrome */
-webkit-animation:mymove infinite;
-webkit-animation-duration:2s;
}
@keyframes mymove
{
from {top:0px;}
to {top:200px;}
}
@-webkit-keyframes mymove /* Safari and Chrome */
{
from {top:0px;}
to {top:200px;}
}
</style>
</head>
<body>
<p><strong>注释：</strong>Internet Explorer 9 以及更早的版本不支持 animation-name 属性。</p>
<div></div>
<p><b>注释：</b>始终规定 animation-duration 属性，否则时长为 0，就不会播放动画了。</p>
</body>
</html>效果：
Atas ialah kandungan terperinci css animation-duration属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Bagaimana untuk mendapatkan panjang tatasusunan dalam js
Apakah enjin aliran kerja java yang ada?
Apakah platform menandatangani kontrak elektronik?
Apakah mata wang u-coin?
Bagaimana untuk melukis gambarajah pert
Mengapa wifi mempunyai tanda seru?
Perbezaan antara * dan & dalam bahasa C
penggunaan fungsi sorting
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
