Skip to content

Instantly share code, notes, and snippets.

@JosephSilber
Created February 23, 2012 00:52
Show Gist options
  • Save JosephSilber/1888825 to your computer and use it in GitHub Desktop.
Save JosephSilber/1888825 to your computer and use it in GitHub Desktop.
CSS diamond without transforms
/* CSS diamond without transforms */
#diamond {
width: 0;
height: 0;
border: 50px solid transparent;
border-bottom: 70px solid red;
position: relative;
}
#diamond:after {
content: ' ';
position: absolute;
left: -50px; top: 70px;
width: 0;
height: 0;
border: 50px solid transparent;
border-top: 70px solid red;
}
<p id="diamond"></p>
{"view":"split-vertical","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment