DEMO: http://netcribe.com/MojoRibbon
Geometrically correct LESS ribbon
A = sin(a) * C or A = sin(65) * 500;
B = sin(b) * C or B = sin(25) * 500;
A2 = sin(a2) * C2 or A2 = sin(65) * 50;
B2 = sin(b2) * C2 or B2 = sing(25) * 50;
.ribbon {
.MojoRibbon(@width: 500px, @height: 50px, @deg: -45deg, @valign: top);
display: inline-block;
background-color: #cc0000;
position: absolute;
z-index: 5;
box-shadow: 0 0 10px #000;
}
<a href="https://github.com/Pestov/MojoRibbon" class="ribbon"> Fork me on Github</a>