css3 transition-duration属性设置css过渡动画的持续时间

分类:知识百科 日期: 点击:0

CSS3 transition-duration属性

CSS3 transition-duration属性用于设置CSS过渡动画的持续时间,它可以控制CSS过渡动画的速度。

CSS3 transition-duration属性可以接受两种参数:time和delay。time参数用于控制CSS过渡动画的持续时间,delay参数用于控制CSS过渡动画开始的时间。

transition-duration: time delay;

time参数可以设置为以下类型的值:

  • seconds:以秒为单位,例如:transition-duration: 2s;
  • milliseconds:以毫秒为单位,例如:transition-duration: 500ms;
  • infinite:表示无限期,例如:transition-duration: infinite;

delay参数可以设置为以下类型的值:

  • seconds:以秒为单位,例如:transition-duration: 2s 1s;
  • milliseconds:以毫秒为单位,例如:transition-duration: 500ms 100ms;

CSS3 transition-duration属性可以用于设置CSS过渡动画的持续时间,例如:

.example {
    transition-duration: 2s;
}

上面的代码表示,CSS过渡动画的持续时间为2秒。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。