CSS3 Test Page

This page showcases some of the cool new things available with CSS3

Border Radius

The CSS3 border radius attribute allows the corners of elements to be rounded without the use of complicated images.

Elements can have equally rounded corners or corners that are all different.


Transforms

Example Text

Example Text

Example Text


RGBA

RGBA can be used to apply colours and opacity to both elements and text within the page

Example Text

Example Text

Example Text


Box Shadows

Lorem ipsum dolor sit amet, consectetur adipisicing
Lorem ipsum dolor sit amet do eiusmod tempor incididunt ut
Lorem ipsum dolor sit eiusmod tempor incididunt ut

Text Shadows

Example One

Example Two

Example Three

Example Four


Multiple Columns

CSS3 can be used to automatically divide blocks of text into columns.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.