问答详情
源自:8-7 CSS3中的动画--过渡属性 transition-property

transition-delay怎么用啊?

把transition-delay的值改到比transition-duration大的话,看不到动画效果,把transition-delay的值改小并没有看到具体效果

提问者:JohnieXu 2016-12-25 21:31

个回答

  • 爱上慕婉清6262634
    2017-10-09 19:15:10

    transition-delay是延迟时间,transition-duration是持续时间,比如说你设置持续时间5秒,延迟时间是10秒,那么当鼠标覆盖之后,经过10秒动画开始播放,宽度由200px变400px,5秒后变化结束。这个过程鼠标不可移出,否则hover事件终止


  • 悦e
    2016-12-26 14:33:44

    transition-delay只是延迟过度,等久点而已,不影响动画持续时间,可能是浏览器问题,考虑换个浏览器