css中transition的用法

标签：div   hover   用法   over   鼠标指针   firefox   webkit   safari   宽度   

<style>
div
{
width:100px;
height:100px;
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}

div:hover
{
width:300px;
}
</style>

把鼠标指针放到 div 元素上，其宽度会从 100px 逐渐变为 300px：

css中transition的用法

标签：div   hover   用法   over   鼠标指针   firefox   webkit   safari   宽度   

原文地址：https://www.cnblogs.com/yyy251/p/9813776.html