html鼠标滑动效果
时间: 2023-07-05 08:13:52 浏览: 250
网页图片滑动
HTML 中可以通过 CSS 来实现鼠标滑动效果。
例如,可以通过 `:hover` 伪类来为鼠标悬停时的元素添加样式,从而达到鼠标滑动效果。具体实现代码如下:
```html
<style>
.box {
width: 100px;
height: 100px;
background-color: #ccc;
transition: transform 0.3s;
}
.box:hover {
transform: scale(1.2);
}
</style>
<div class="box"></div>
```
上述代码中,当鼠标悬停在 `.box` 元素上时,会将其放大 1.2 倍,从而实现鼠标滑动效果。
阅读全文