CSS transition-duration属性，过渡持续时长
transition-duration属性
CSS中的transition-duration属性，可单独设置HTML元素过渡效果中的过渡持续的时间长短，单位可以是秒，也可以是毫秒。一般与transition-property属性配合使用，比如下方的示例，鼠标悬停时，方块的高度将增大为原来的两倍，并且是在3s的时间内完成：
语法
transition-duration:timeValue
transition-duration属性实例代码，及在线编辑器
<div id='d2'></div>
<style>
#d2{width:50px;height:50px;background-color:green;transition-property:height;transition-duration:1s;}
#d2:hover{height:300px;}
</style>