CSS Shapes

CSS SHAPES

The shapes on this page are not images. They are created using css only. Perhaps the most surprising of these shapes are the triangles which are shown at the end of the display. Once the basic ideas regarding these shapes is understood it is possible to use them for a number of purposes including the simple animations shown in the title bar, buttons and decorations. With imagination it is possible to make composite shapes into and all manner of images.

This particular page was inspired by an article written by David Walsh who presents a number of interesting articles on the use of css and other related ariticles in his blog pages DWB.

To close this pannel please left click the info icon agian.

Circles

Semicircles

Quadrants

Arches

Buttons

Elipses

Rectangles and squares

Rounded rectangles and squares

Triangles

CSS SHAPES - a demo