ddl

CSS - Animated CSS3 Tabs | CodeCanyon

These tabs have animated effects that you would normally associate with a javascript library like jQuery. But they have been built using pure css and no javascript has been used. Further no images have been used in the styling of the tabs. They support dynamic height panes and active tab highlighting. This item features 2 broad categories – Browser Back Button Disabled & Browser Back Button Enabled. In the latter category individual tabs can be linked to through hash tags in the url. Each of the above categories includes 2 design styles (Fancy Tabs & Simple Tabs), 6 animated effects(Simple, Sliding, Fading, Fade & Height Animation, Scaling, Overlap), and 5 color variations (Light, Dark, Brown. Red, Green). Basic support for Internet explorer has been extended by referencing Dean Edwards’ IE9 .js . Note: The animations only work in browsers that support CSS3 Transitions, which at the moment include Safari 4+, Chrome 4+, Opera 10.5+ & Firefox 4+.
Also CSS round corners and shadows will not be visible in IE since it does not support them. They will be supported in the upcoming IE9 . Updated on 10 November 2010 – Version 2.0

Added a “Back Button Disabled” version

Added a new animation – Overlap

Provided javascript code with all “Non Webkit” code to overcome Webkit bugs and make them work in Safari & Chrome

Provided a javascript file to fix a Firefox quirk when dealing with “Back Button Disabled” version

Provided a javascript file to fix a Opera back button bug when dealing with “Back Button Enabled” version

Demo:
http://codecanyon.net/item/animated-css3-tabs/126965

For more information:
Created: 27 September 10 Compatible Browsers: IE8 , IE9 , FireFox 2 , FireFox 3 , Firefox 3.5 , Firefox 3.6 , Firefox 4 , Safari 4 , Safari 5 , Opera , Chrome 4 , Chrome 5 Software Version: CSS3 Files Included: javascript JS , HTML , CSS

Download Animated CSS3 Tabs