Grains of Sand - CSS3 Demos and HTML5 Templates

Create a curled banner effect using just CSS without the need for any images. This demo uses CSS3's :before, :after, border-radius and box-shadow.

What We're Aiming For

Step One
What We're Doing

HTML

CSS FOR THIS STEP

Result

show the step

Full Code For You To Copy And Paste

HTML

CSS

Support Section

Explanations Of The CSS3 Used In The Demo

• item

Browser Support

The demo works in all the latest browsers, including IE9. IE8 ......