Skip to content

Instantly share code, notes, and snippets.

@drublic
Created April 21, 2014 15:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save drublic/11146817 to your computer and use it in GitHub Desktop.
Save drublic/11146817 to your computer and use it in GitHub Desktop.
Untitled
.triangle:before,
.triangle:after {
content: "";
position: absolute;
bottom: -15px; /* value = - border-top-width - border-bottom-width */
left: 30px;
border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
border-style: solid;
border-color: #aaa transparent;
}
.triangle:before {
bottom: -14px; /* -1px of first element for border */
border-color: #fff transparent;
}
<p>Triangle</p>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment