Pure CSS Ribbon

Show a ribbon, in a simple CSS, Not my work, found it online, but it helped a lot

Originally from https://www.cssportal.com/css-ribbon-generator/

You may also check https://codepen.io/eode9/pen/twkKm

After you link the css (attached), Use HTML code below to show the ribbon

To link the CSS
<link rel="stylesheet" href="/Assets/css/ribbon.css">

Then do HTML as ...
<div class="box">
Right-side ribbon
Some content
<div class="ribbon-right"><span>Website</span></div>
</div>

<div class="box">
default
<div class="ribbon-right"><span>Website</span></div>
</div>

<div class="box">
Other style
<div class="ribbon-website"><span>Website</span></div>
</div>

Views 387 Downloads 129

'CSSRibbon', 'CSS3', 'ribbon', 'html', 'custom', 'NotMyWork'

ANmarAmdeen
414
Attachments
Graphics HTML+CSS
Revisions

v4.0