Gradient Border

Create a gradient border with CSS.

Gradient Border
style.css

_12
.card {
_12
display: block;
_12
width: 200px;
_12
height: 200px;
_12
padding: 1px;
_12
background-clip: content-box, border-box;
_12
background-image: linear-gradient(black, black), linear-gradient(to right, gray, gray);
_12
}
_12
_12
.card:hover {
_12
background-image: linear-gradient(black, black), linear-gradient(to right, red, red);
_12
}