.input-container.outline { background-image: linear-gradient(to right, var(--clr), var(--clr)), linear-gradient(to bottom, var(--clr), var(--clr)), linear-gradient(to right, var(--clr), var(--clr)), linear-gradient(to bottom, var(--clr), var(--clr)); background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%; background-position: 0 0, 100% 0%, 100% 100%, 0 100%; 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