CSS3 Animation-Duration属性
CSS3 Animation-Duration属性用来设置CSS动画的持续时间，它可以让CSS动画的持续时间更加灵活，从而更好地控制动画的效果。
使用方法
使用CSS3 Animation-Duration属性，可以使用animation-duration属性来设置CSS动画的持续时间，它可以接受以下值：
- 关键字："infinite"表示无限时间；
- 时间：比如"10s"表示10秒；
- 数字：比如"2"表示2秒；
例如，下面的CSS代码将设置一个CSS动画的持续时间为2秒：
.example {
animation-duration: 2s;
}
如果要设置多个动画的持续时间，可以使用逗号分隔，例如：
.example {
animation-duration: 2s, 5s, 8s;
}
这样，第一个动画的持续时间为2秒，第二个动画的持续时间为5秒，第三个动画的持续时间为8秒。
还可以使用CSS3 Animation-Duration属性来设置CSS动画的持续时间，例如：
.example {
animation-duration: 0.5s, 1.5s;
}
这样，第一个动画的持续时间为0.5秒，第二个动画的持续时间为1.5秒。
使用CSS3 Animation-Duration属性可以更加灵活地控制CSS动画的持续时间，从而更好地控制动画的效果。