CSS animation-duration属性，动画时长
animation-duration属性
CSS中animation-duration属性，用于设置HTML元素的动画完成一个周期所需要的时间长短，单位可以是秒，也可以是毫秒。
语法
animation-duration: time
提示：time除了数值之外，还需要有单位，秒为“s”，毫秒为“ms”，1000毫秒等于1秒。
animation-duration属性实例代码，及在线编辑器
<div id='d1'></div>
<style>
@keyframes heightChange {
from {height:30%;}
to {height:100%;}
}
#d1{width:30%;height:30%;border:1px solid skyblue;animation-name:heightChange;animation-duration:1s;}
</style>