Awesome CSS Triangle

dabblet.css

/**
 * Awesome CSS Triangle
 */

.triangle {
        width: 0;
        height: 0;
        border-width: 10px 10px 10px 19px;
        border-style: solid;
        border-color: transparent transparent transparent blue;
      	position: absolute;
        clip: rect(0px 15px 26px 8px);
}

dabblet.html

<h1>Awesome CSS Triangle</h1>
<p>Taking a <a href="http://css-tricks.com/snippets/css/css-triangle/">good way to make CSS triangles</a> and then utilizing the <code>clip</code> property, and tweaking the border widths to give it a unique shape.
<div class='triangle'></div>

settings.json

{"view":"separate","fontsize":"90","seethrough":"","prefixfree":"1","page":"all"}