Horje
gradient border with border radius 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 with border radius 
.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



Css

Related
gradient border css Code Example gradient border css Code Example
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

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



 

Horje