CSS动画持续时间属性
使用animation-duration属性设置动画完成一个周期应花费的时间
示例
您可以尝试运行以下代码以实现animation-duration属性-
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 150px;
height: 200px;
position: relative;
background: red;
animation-name: myanim;
animation-duration: 2s;
}
@keyframes myanim {
from {left: 0px; background-color: green;}
to {left: 200px; background-color: blue;}
}
</style>
</head>
<body>
<div></div>
</body>
</html>热门推荐
10 老爸生日暴富祝福语简短
11 公司春节祝福语和简短
12 职场祝福语大全 简短精辟
13 新年酒席开席祝福语简短
14 学生宴祝福语简短的
15 春节后的祝福语简短
16 带清的简短祝福语
17 恭喜朋友买车祝福语简短
18 永远漂亮祝福语女生简短