The calc function is used to calculate lengths, numbers, angles, transition/animation times or sound frequencies.

The calc function is new to CSS3.

This is an example of the calc function.

The border-radius allows you to add rounded borders to elements.

Gradients let you display smooth transitions between two or more specified colors.

Both of these are new to CSS3.

This is an example of border-radius and gradients.

Web fonts allow Web designers to use fonts that are not installed on the user's computer.

Web fonts are new to CSS3.

This is a webfont.

The border-image property allows you to specify an image to be used instead of the normal border around an element.

The border-image property is new to CSS3.

This is an example of a image border.

CSS3 allows you to add multiple background images for an element, through the background-image property.

This feature is new to CSS3.

This is an example of multiple backgrounds.