css边框流动效果代码
时间: 2023-08-13 15:42:11 浏览: 152
jQ+CSS3彩色流动边框登录框特效代码
可以通过CSS3的transition属性和:hover伪类来实现边框流动效果。以下是一个简单的例子:
HTML代码:
```html
<div class="box">Hover me</div>
```
CSS代码:
```css
.box {
width: 200px;
height: 200px;
border: 2px solid #000;
transition: border-color 0.5s ease-in-out;
}
.box:hover {
border-color: #f00;
}
```
这段代码会使得一个200x200的方形盒子在鼠标移动到上面时,边框的颜色从黑色渐变为红色。你可以根据自己的需求调整transition的属性值,来实现不同的流动效果。
阅读全文