Skip to content

Instantly share code, notes, and snippets.

Created June 29, 2012 06:45
Show Gist options
  • Save anonymous/3016332 to your computer and use it in GitHub Desktop.
Save anonymous/3016332 to your computer and use it in GitHub Desktop.
Untitled
body { padding: 10em; }
textarea { min-width: 40em; }
div {
padding: 2em;
border-left: 5px solid black;
border-right: 5px solid black;
position: relative;
}
div::before, div::after {
position: absolute;
display: block;
content: '.';
color: transparent;
height: 5px;
background-size: 5px 5px;
background-position: left top, right top;
left:0; right: 0;
}
div::before {
top: 0;
background-image:
linear-gradient(black 20px, white 21px),
linear-gradient(black 20px, white 21px);
background-repeat: no-repeat;
}
div::after {
bottom: 0;
background-image:
linear-gradient(black 20px, white 21px),
linear-gradient(black 20px, white 21px);
background-repeat: no-repeat;
}
<div>
<p><textarea>Resize me</textarea></p>
</div>
{"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