transition-delay

transtion-delay规定动画在过渡效果开始等待的时间。值以秒（s）或毫秒（ms）为单位，表明动画过渡效果将在何时开始。取值为正时会延迟一段时间来响应过渡效果；取值为负时会导致过渡立即开始。

 

语法

transition-delay: 1s;
transition-delay: 3ms;

值

值描述
<time>动画开始执行的等待时间。

例子

HTML 

 <div class="stage"></div>
 <p>请把鼠标移动到红色色的 div 元素上，可以看到过渡效果。</p>
 <p><b>注释：</b>过渡效果会在开始前等待两秒钟。</p>

CSS 

width:100px;
height:100px;
background:red;
transition-property:width;
transition-duration:5s;
transition-delay:2s;//过渡效果会在开始前等待两秒钟。

执行结果

请把鼠标移动到红色色的 div 元素上，可以看到过渡效果。

注释：过渡效果会在开始前等待两秒钟。

参考

相关页面


跳至内容顶部