CSS3 has brought some amazing new features for web designers and the most important is CSS animation. These animations provide an attractive look to the website.

Here is a compilation of 15 useful jaw-dropping CSS3 animation demos for freelance web designers. They demonstrate the possibilities of the CSS3 transform and transition property. In order to view these effects, you need a web-kit browser such as safari and chrome.

Sliding Vinyl

Query & CSS3 Gallery With Animated Shine Effects

Pure CSS3 bokeh effect

Animated wicked CSS3 3d bar chart

CSS3 Chunky Menu

Create Depth And Nice 3D Ribbons Only Using CSS3

CSS3 Music Player Menu

CSS3 DropDown Menu

Easily Turn Your Images Into Polaroids with CSS3

Drop-In Modals

CSS3 & jQuery Slide Out Button

Contextual Slideout Tips With jQuery & CSS3

Slick jQuery Menu

Animated Pricing Column

jQuery DJ Hero