How to do gradient borders in CSS

October 2, 2023 by Tarik

The border-image property can accomplish this. You’ll need to specify border-style and border-width too.

border-image: linear-gradient(#f6b73c, #4d9f0c) 30;
border-width: 4px;
border-style: solid;