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 元素上,可以看到过渡效果。

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

参考