用CSS实现一个元素向上移动
时间: 2023-05-11 12:03:06 浏览: 232
用CSS做一个移动界面
可以使用CSS的transform属性来实现元素向上移动。具体的代码如下:
```
.element {
position: relative;
top: 0;
transition: top 0.3s ease-in-out;
}
.element:hover {
top: -10px;
}
```
这段代码中,我们首先将元素的初始位置设置为相对定位,并将top属性设置为0。然后,我们使用CSS的transition属性来定义元素移动的动画效果。最后,我们在:hover伪类中将元素的top属性设置为-10px,这样当鼠标悬停在元素上时,元素就会向上移动10像素。
阅读全文