Skip to content

Instantly share code, notes, and snippets.

@csssecrets
Last active September 18, 2021 13:43
Show Gist options
  • Save csssecrets/0f6900d370f55ec9c975 to your computer and use it in GitHub Desktop.
Save csssecrets/0f6900d370f55ec9c975 to your computer and use it in GitHub Desktop.
Vintage envelope themed border via border-image
/**
* Vintage envelope themed border via border-image
*/
div {
padding: 1em;
border: 16px solid transparent;
border-image: 16 repeating-linear-gradient(-45deg, red 0, red 1em, transparent 0, transparent 2em,
#58a 0, #58a 3em, transparent 0, transparent 4em);
max-width: 20em;
font: 100%/1.6 Baskerville, Palatino, serif;
}
<div>Bacon ipsum dolor amet eu adipisicing elit tongue ground round ex fatback proident kielbasa ham hock. Sausage beef beef ribs aliquip t-bone mollit. Quis beef tri-tip sunt, cupim ut magna salami t-bone. Ut laboris bresaola ribeye biltong landjaeger. Chuck pork belly sed sausage.</div>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment