how to put gradient in border css code example
Example 1: linear gradient border
div-border-and-content-background {
border-top: double 5px transparent;
background-image: linear-gradient(white,white), linear-gradient(to right, grey, black);
background-clip: padding-box, border-box;
background-origin: border-box;
}
Example 2: rounded gradient border css
div{
width: 300px;
height: 80px;
border: double 5px transparent;
border-radius: 30px;
background-image: linear-gradient(white, white),
linear-gradient(to right, green, gold);
background-origin: border-box;
background-clip: content-box, border-box;
}