小库网 

<style> 

div

{

    width:100px;

    height:100px;

    background:red;

    transition-property:width;

    transition-duration:5s;

    transition-delay:2s;

​

/* Safari */

-webkit-transition-property:width; 

-webkit-transition-duration:5s;

-webkit-transition-delay:2s;

}

​

div:hover

{

    width:300px;

}

</style>

​

​

​

<p><b>注意:</b> 该属性不兼容 IE 9以及更早版本的浏览器.</p>

​

<div></div>

​

<p>将鼠标移动至块上查看过渡动画效果.</p>

<p><b>注意:</b> 该过渡效果开始前会停顿2s.</p>

​

​

​