本文介绍了如何使用CSS实现元素的平滑过渡效果，当鼠标悬停在带有`.box`类的图片上时，图片会以2倍的比例放大。主要涉及了CSS3的`transition`属性和`hover`伪类，以及`transform`和`scale`函数的应用。
CSS部分：
<style>
.box {
width: 200px;
/* all全部过度 1秒时间 linear匀速过度 */
transition: all 1s linear;
}
/* 鼠标移到图片放大两倍 */
.box:hover {
transform: scale(2);
}
</style> 标签部分：
<body>
<img class="box" src="./img/1.png" alt="">
</body>
扫一扫
2477
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
