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' -