CSS3 Box Shadows (“box-shadow” property)
CSS3 supports a new "box-shadow" property that makes it very easy to add shadows to elements on your page, such as images, DIVs and SPANs. Lets see how to take advantage of it!

CSS3 checkbox and radio button replacements
By hiding the default INPUT element of a checkbox/ radio button and styling its associated LABEL element instead, checkboxes and radio buttons can take on an entirely new look while maintaining their functionality inside a form. The following demonstrates just that.

CSS3 Gradient Menu Buttons
These fancy looking buttons brings together CSS3's border-radius, box-shadow, and linear gradients to create glossy looking menu buttons that use NO images.

CSS3 Hover Image Gallery
A sleek image gallery that takes advantage of CSS3 animation, shadows, and the "transform" property to instantly add a smooth hover effect to its images, whereby the image enlarges and moves closer to the user.

CSS3 Image Caption effects
The following demos transition HTML's <figcaption> element to reveal captions inside images in a variety of interesting ways.

CSS3 Linear Gradients
With the advent of CSS3's comes support for linear gradients, which offer a fast and lightweight way of adding gradients to your page. It can be used in conjunction with a gradient image to get the best of both worlds.

CSS3 oval switch checkboxes
The following uses CSS3 to create slick looking, oval shaped checkbox replacement switches. When the form is submitted, that checkbox value will be passed along like in a regular checkbox.