Created
June 29, 2012 06:45
-
-
Save anonymous/3016332 to your computer and use it in GitHub Desktop.
Untitled
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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; | |
} | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div> | |
<p><textarea>Resize me</textarea></p> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"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