.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; }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter