Code Playground

Create Corner Ribbon


admin (CSS Portal)
Uploaded: 07th March 2015, Views: 7613

Description

This example will create a corner ribbon in pure CSS code, the ribbon can be achieved using the pseudo-class ::before and ::after and linear-gradients. To get the text on an angle we use the transform property.

Settings

Here you'll be able to place external scripts in the <head> section of the webpage.




HTML Preprocessors (Coming Soon)


CSS Preprocessors (Coming Soon)


JS Preprocessors (Coming Soon)

HTML
CSS
JavaScript
-1
90f

Share Code

Code with Editor

Full Screen Results

Embed on webpage

Google+