CSS transition-delay属性,延迟过渡
transition-delay属性
CSS中的transition-delay属性,可以用于设置HTML元素属性过渡于何时开始,值的单位可以是秒或毫秒。如下方的示例,鼠标悬停或移开之后,将于两秒之后开始width的过渡动画。
语法
transition-delay:value;
transition-delay属性实例代码,及在线编辑器
<div id='d2'></div>
<style>
#d2{width:50px;height:50px;border:1px solid orange;transition-property:width;transition-duration:2s;transition-delay:2s;}
#d2:hover{width:100%;}
</style>