鼠标悬停过度事件：Transition

CSS代码：
<style> 
div
{
width:100px;
height:100px;
background:blue;
transition: 0.5s;//0.5秒完成
}

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

HTML代码：
<body>

<div></div>

<p>请把鼠标指针移动到蓝色的 div 元素上，就可以看到过渡效果。</p>


</body>

posted on 2022-03-07 14:53 最帅爸爸阅读(87) 评论(0) 收藏举报