Gradient

by alexchetv

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/border-image -->

<div id="gradient">The image is stretched to fill the area.</div>

CSS

#gradient { 
  border: 30px solid;
  border-radius: 5px;
  border-image: linear-gradient(red, yellow) 10;
  padding: 20px;
}