<style>
div
{
width:100px;
height:100px;
background:blue;
transition: 0.5s;//0.5秒完成
}
div:hover
{
width:600px;
}
</style>
<body>
<div></div>
<p>请把鼠标指针移动到蓝色的 div 元素上，就可以看到过渡效果。</p>
</body>
标签：width,100px,Transition,0.5,height,过度,鼠标悬停,div
来源： https://www.cnblogs.com/zsbb/p/15975905.html