Horje
gradient border css Code Example
css gradient border 
  box-sizing: content-box;
  border-width: 8px;
  border-style: solid;
  border-image: linear-gradient(to right bottom, #260B3C, #a053df);
  border-image-slice: 1;
Source: www.anastasios-arvanitis.info
gradient border css 
.rounded-corners-gradient-borders {
  width: 300px;
  height: 80px;
  border: double 4px transparent;
  border-radius: 80px;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
rounded gradient border css 

div{
  width: 300px;
  height: 80px;
  border: double 5px transparent;
  border-radius: 30px;
  background-image: linear-gradient(white, white),         /*here must be*/
                    linear-gradient(to right, green, gold);    /*both gradients*/
  background-origin: border-box;
  background-clip: content-box, border-box;
}
Source: stackoverflow.com
linear gradient border 
div-border-and-content-background {
  border-top: double 5px transparent;
  
  /* first gradient is for card background, second for border background */
  background-image: linear-gradient(white,white), linear-gradient(to right, grey, black);
  background-clip: padding-box, border-box;
  background-origin: border-box;
  }



Css

Related
css for internet explorer only Code Example css for internet explorer only Code Example
position footer to stay at bottom of screen flexbox Code Example position footer to stay at bottom of screen flexbox Code Example
center image css Code Example center image css Code Example
css animation loop Code Example css animation loop Code Example
how to install composer on mac Code Example how to install composer on mac Code Example

Type:
 Code Example
Category:
 Coding
Sub Category:
 Code Example
Uploaded by:
 Admin
Views:
 11



 

Horje