Menú sensible en CSS compatible con IE6

Si han intentado realizar menúes que respondan de determinada manera a los movimientos del ratón, probablemente han hecho uso del a:hover para cambiar el color. Pero hoy en día se pueden animar estas respuestas a través del uso de Selectivizr, un JavaScript que permite que estas pequeñas animaciones aplicadas a los botones puedan visualizarse correctamente en todos los exploradores, incluído en IE6.

Obviamente esto es una muestra básica, como siempre digo, el límite de la utilización está en la imaginación. La muestra ofrece tres menúes en colores diferentes en los cuales cada uno de los botones reaccionan al movimiento del mouse a través de una animación tenue. No se queda en el mero hecho de modificar el color sino que uno puede intervenir la animación para lograr efectos más marcados.

Vista previa de las tres opciones de menú sensible en CSS

Descargar Responsive CSS Navigation Menu | PixelsDaily

Esta aplicación de CSS no solo les resultará útil para destacar los menúes que hasta ahora resultaban simples sino que les asegura poder mostrarlos en todos los exploradores sin inconvenientes. Más adelante, cuando las propiedades CSS3 sean finalmente compatibles, podrán hacerlo de forma más intuitiva, pero por ahora este .js seguramente les aportará las herramientas necesarias para lograr algo atractivo.

Categorizado en: