css hover效果慢速自定义
时间: 2023-07-28 07:43:18 浏览: 167
您可以使用CSS的`transition`属性来定义hover效果的缓慢过渡。例如,您可以使用以下代码来使颜色在hover时从灰色变成红色,并在200毫秒内进行平滑的过渡:
```
.element {
background-color: #ccc;
transition: background-color 200ms ease-in-out;
}
.element:hover {
background-color: #f00;
}
```
您可以将`transition`属性应用于其他属性,如`font-size`、`opacity`等,以创建自定义的hover效果。
阅读全文