学科分类
目录
HTML5+CSS3

transition-duration属性

transition-duration属性用于定义过渡效果持续的时间,其基本语法格式如下:

transition-duration:time;

在上面的语法格式中,transition-duration属性默认值为0,其取值为时间,常用单位是秒(s)或者毫秒(ms)。例如,下面的示例代码

div:hover{

  background-color:blue;

  /*指定动画过渡的CSS属性*/

  transition-property:background-color;

  /*指定动画过渡的CSS属性*/

  transition-duration:5s;

}

在上述示例代码中,使用transition-duration属性来定义完成过渡效果需要花费5秒的时间。

点击此处
隐藏目录