Animated CSS3 Tabs

CodeCanyon Animated CSS3 Tabs 126965
Script \ CSS Style \ Tabs and Sliders
Button \ Javascript \ Version \ Support \ Disabled \ Updated \ Provided \ Simple

CSS Style - Animated CSS3 Tabs 126965 by cosmocoder @ CodeCanyon

Script \ CSS Style \ Tabs and Sliders

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 IE8 and below 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 Firefox 4+, Safari 4+, Chrome 4+, Opera 10.5+ & IE10+.
Also CSS round corners and shadows will not be visible in IE8 and below since it does not support them. They are supported in IE9+.

Updated on 15 February 2012 – Version 2.0.1

- Updated the css to make the Tabs more compatible with 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
More Items by CosmoCoder

Last Update: N/A; High Resolution: Yes; Compatible Browsers: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome; Files Included: JavaScript JS, HTML, CSS; Software Version: CSS3.

Vimuse - Media Player Wordpress Plugin; Vimuse - HTML5 Media Player; Nova Gallery - Multimedia Gallery Wordpress Plugin; Nova Gallery - Responsive HTML5 Multimedia Gallery; CCGallery WP - Multimedia Gallery Wordpress Plugin; CSS3 Ribbon Pack; CSS3 Form Pack.

Keywords: css3, css3 navigation, css3 styling, css3 transitions, tabs.

Create CodeCanyon Animated CSS3 Tabs 126965 style with After Effect, Cinema 4D, 3DS Max, Apple Motion or PhotoShop. CodeCanyon Animated CSS3 Tabs 126965 from creative professional designers. Full details of CodeCanyon Animated CSS3 Tabs 126965 for digital design and education. CodeCanyon Animated CSS3 Tabs 126965 desigen style information or anything related.


Add Comments:
Enter Code: *