css - Gradient borders - Stack Overflow

PHOTO EMBED

Fri Feb 26 2021 19:33:52 GMT+0000 (Coordinated Universal Time)

Saved by @MAI #css

.border { 
    width: 400px;
    padding: 20px;
    border-top: 10px solid #FFFF00;
    border-bottom:10px solid #FF0000;
    background-image: 
        linear-gradient(#FFFF00, #FF0000),
        linear-gradient(#FFFF00, #FF0000)
    ;
    background-size:10px 100%;
    background-position:0 0, 100% 0;
    background-repeat:no-repeat;
}
content_copyCOPY

https://stackoverflow.com/questions/2717127/gradient-borders