鼠标放在文字上会变色旋转的代码
时间: 2023-06-16 19:08:28 浏览: 167
你可以使用CSS的:hover伪类和transform属性来实现鼠标放在文字上会变色旋转的效果。以下是一个示例代码:
```html
<p class="rotate">这是一段文字</p>
```
```css
.rotate:hover {
color: red; /* 鼠标放在文字上时,将文字颜色改为红色 */
transform: rotate(360deg); /* 鼠标放在文字上时,将文字旋转360度 */
transition: all 0.5s ease; /* 添加过渡效果,让旋转更平滑 */
}
```
你可以根据自己的需要调整颜色、旋转角度和过渡效果等属性。
阅读全文