CSS Ribbon

En simpel CSS løsning er denne:

Nisl hic eum purus volutpat molestias reprehenderit nostra eius, aliquid. Quam habitasse! Elit, eaque eum. In non ligula alias repellendus maecenas ullam facere occaecati, consectetur mattis nonummy, eget? Minim, anim? Ipsa aute iusto, vero minus consequatur? Ratione tempus eveniet nostra integer lacinia! Quas posuere quis! Penatibus cupidatat vivamus euismod cupidatat phasellus. Repellendus. Leo reiciendis adipiscing tenetur hac cras corporis! Accumsan? Erat voluptate, pede consequatur ullam, faucibus, aliquam, quo mi iste.

Porro massa malesuada id sem facilisis provident provident ducimus placerat! Per dolorem? Curae dictum, velit atque vestibulum quod ea nobis architecto! Laborum condimentum earum? Orci nostrud convallis quasi accusantium tincidunt habitant varius? Ornare totam beatae eligendi, blanditiis cupidatat fermentum, enim erat repudiandae occaecati wisi phasellus!.

Cras pariatur aute quidem feugiat excepteur integer vero incididunt arcu recusandae eiusmod aliqua enim mauris in, nisi maxime minim perferendis, occaecat neque, molestias per! Sociosqu, morbi nesciunt ultrices! Nostra orci, duis conubia eos, irure habitant dictumst, voluptatum mollitia voluptatum.

Ribbon

See the Pen Simple CSS Ribbon by Morten Andersen (@MortenAndersen) on CodePen

Skal det være mere avanceret, er det bestemt også muligt i ren CSS. Der findes en del Live CSS Tools hvor man nemt kan generer sin CSS kode til CSS Ribbon - eksempelvis denne