Me ha encantado este menu con CSS y Jquery que he recuperado a través de Twitter.
Gracias a un plugin JQuery llamado jSlickmenu podemos conseguir un efecto muy elegante como podeis ver en este video:
[youtube]http://www.youtube.com/watch?v=1_q4TRunUq4[/youtube]
Para ver la demo ir a este enlace. Debido a que utiliza CSS3 la demo solo funciona en los navegadores que ahora mismo lo soportan que son: Safari, Google Chrome o Firefox 3.5. En concreto las propiedades que pueden dar conflictos son: Transform and Box-Shadow.
Se pueden modificar una serie de parámetros según como desees el menu como:
- La velocidad
- Opacidad del Fade
- Margen de la informacion del menu (tooltip)
- Sombras
- Etc…
Para saber como instalarlo y descargar los archivos necesarios, ir al siguiente enlace (en Inglés) donde indican paso a paso como conseguirlo.
Un comentario
Uffff, la verdad es que es una pasada