#xin2 img:hover{ transform: scale(1.1); }添加一个过度
时间: 2024-04-11 11:28:59 浏览: 72
带过度效果的图片轮播切换代码
你可以通过添加`transition`属性来为`transform`属性添加过渡效果。下面是一个示例代码:
```css
#xin2 img {
transition: transform 0.3s ease;
}
#xin2 img:hover {
transform: scale(1.1);
}
```
在这个示例中,我们将`transition`属性应用于`#xin2 img`选择器上,设置过渡效果的持续时间为0.3秒,过渡类型为"ease"。当鼠标悬停在`#xin2 img`元素上时,通过改变`transform`属性的值来实现缩放效果,并且过渡效果会以0.3秒的持续时间平滑地进行。
阅读全文