Essas guias têm efeitos animados que você normalmente associa a uma biblioteca JavaScript como o JQuery. Mas eles foram construídos usando CSS puros e nenhum JavaScript foi usado. Além disso, nenhuma imagem foi usada no estilo das guias. Eles suportam painéis dinâmicos de altura e destaque da guia ativa.
Este item apresenta 2 categorias amplas – o botão de volta do navegador desativado e o botão traseiro do navegador ativado. Na última categoria, as guias individuais podem ser vinculadas através de tags de hash no URL.
Cada uma das categorias acima inclui 2 estilos de design (guias sofisticadas e abas simples), 6 efeitos animados (simples, deslizando, desbotamento, animação de desbotamento e altura, escala, sobreposição) e 5 variações de cores (claro, escuro, marrom. Vermelho, verde).
O suporte básico para o IE8 e abaixo foi estendido ao referenciar a Dean Edwards ‘IE9.JS.
Nota: As animações funcionam apenas em navegadores que suportam transições CSS3, que no momento incluem o Firefox 4+, Safari 4+, Chrome 4+, Opera 10.5+ e IE10+. Além disso, os cantos redondos e sombras do CSS não serão visíveis no IE8 e abaixo, pois não os suporta. Eles são suportados no IE9+.
Changelog
Versão 2.0.1 (15 de fevereiro de 2012)
• Updated the css to make the Tabs more compatible with IE9+.
Versão 2.0 (10 de novembro de 2010)
• 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.
