border-image

border-image CSS

by Hemanth HM

HTML

<div>
  sdsd
  
</div>

CSS

div {
  border-image: repeating-linear-gradient(-45deg, #e66465 0, #e66465 10px, #f6b73c 10px, #f6b73c 20px, #e66465 20px) 20 20 repeat;
  height: 100vh;
  width: 100vh;
  border-width: 20px;
  box-sizing: border-box;
  border-style: solid;
}