MENU

Flipping Circle Slideshow

CSS Loader

February 1, 2013 Comments (0) Views: 2600 Coding

Single Element Pure CSS3 Double Fold Ribbon

Ribbons are an extremely popular design element. This is a simple experiment to create a 3D double fold ribbon using just one HTML element.

The ribbon design is made using 4 CSS3 gradients combined together and the complex folds of the ribbon is emulated using a clever combination of pseudo elements, box shadow and borders.

View Snippet

Tags: #, #, #, #, #, #, #, #

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.