css编写鼠标悬停时放大 |css style solid

.img-hover {
transition: transform .3s ease-in-out;
}
.img-hover:hover {
transform: scale(1.2);
}

首先，大家使用一个class名为“img-hover”，这个class将作为需要添加效果的图像元素的选择器。在该class中使用CSS transition属性，指定transform属性变化的过渡时间为0.3秒，过渡方式为先慢后快的缓入缓出方式（”ease-in-out”）。

接着，当鼠标悬停在这个元素上时，就要应用一个:hover选择器，这个选择器的transform属性设置为放大1.2倍（即scale(1.2)）。由于在.img-hover中已经定义了过渡时间属性，所以就会出现鼠标悬停时图像逐渐放大的效果。

以上就是一个简单的CSS编写鼠标悬停时放大的实现方法，希望对您有所帮助。