Estas pestañas tienen efectos animados que normalmente asociarías con una biblioteca de JavaScript como jQuery. Pero se han creado utilizando css puro y no se ha utilizado javascript. Además, no se han utilizado imágenes en el estilo de las pestañas. Admiten paneles de altura dinámicos y resaltado activo de pestañas.
Este elemento presenta 2 categorías amplias: Botón Atrás del navegador deshabilitado y Botón Atrás del navegador habilitado. En la última categoría, las pestañas individuales se pueden vincular a través de etiquetas hash en la URL.
Cada una de las categorías anteriores incluye 2 estilos de diseño (Pestañas elegantes y Pestañas simples), 6 efectos animados (Simple, Deslizante, Desvanecimiento, Animación de desvanecimiento y altura, Escalado, Superposición) y 5 variaciones de color (Claro, Oscuro, Marrón. Rojo, Verde).
El soporte básico para IE8 e inferior se ha ampliado al hacer referencia a IE9.js de Dean Edwards.
Nota: Las animaciones solo funcionan en navegadores compatibles con las transiciones CSS3, que actualmente incluyen Firefox 4+, Safari 4+, Chrome 4+, Opera 10.5+ e IE10+. Además, las esquinas redondeadas y las sombras de CSS no serán visibles en IE8 y versiones anteriores, ya que no las admite. Son compatibles con IE9+.
registro de cambios
Versión 2.0.1 (15 de febrero de 2012)
• Updated the css to make the Tabs more compatible with IE9+.
Versión 2.0 (10 de noviembre 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.
