"要在CSS中实现鼠标悬停时放大效果,可以使用`transform`属性配合`scale()`函数。以下是一个简单的示例代码:
```css
/* 定义基础样式 */
.element {
width: 100px; /* 宽度 */
height: 100px; /* 高度 */
background-color: #f0f0f0; /* 背景颜色 */
transition: transform 0.3s ease; /* 过渡效果 */
}
/* 鼠标悬停时的样式 */
.element:hover {
transform: scale(1.2); /* 放大1.2倍 */
}
```
在这个例子中,`.element` 是需要放大元素的类名。当你将鼠标悬停在元素上时,它会平滑地放大到原始尺寸的1.2倍。`transition` 属性用于添加过渡效果,使放大过程更加平滑。"