Ajax Loader
×

CSS3 Shapes

This is a pure collection of shapes made with CSS3 techniques. These are inspired from the shapes on CSS3Shapes.com, and some of these shapes are created using the same technique while others are creating using a different approach. Most of the shapes are created by using the CSS3 pseudo classes :before and :after to reduce the number of divs. Triangles and trapeziums are created using borders. 

Also, you can see other CSS3 properties like border-radius for rounded shapes and transform to skew or rotate anything. Some of these won't look great in Internet Explorer 8 and below as these don't support most of the CSS3 properties like border-radius, transform etc.

Very easy to use, just check out the code to understand.

16th May - New shape added 'Restart' -

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    CSS3 Shapes

    CSSDeck G+