html写个a标签,每个标签都是按钮,鼠标在上边时有动画
时间: 2023-04-12 13:01:41 浏览: 165
HTML5鼠标点击显示圆点动画特效
可以使用CSS来实现这个效果,具体代码如下:
```html
<a href="#" class="button">按钮1</a>
<a href="#" class="button">按钮2</a>
<a href="#" class="button">按钮3</a>
```
```css
.button {
display: inline-block;
padding: 10px 20px;
background-color: #ccc;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: all 0.3s ease;
}
.button:hover {
background-color: #666;
transform: translateY(-5px);
}
```
这段代码会让每个a标签都变成一个按钮,当鼠标悬停在按钮上时,会有一个向上移动的动画效果。
阅读全文