Menú horizontal muy interesante
Por Toni | Comentarios ( 3 ) | Trackbacks ( 0 )
En Planet Webdev encuentro un interesante artículo que utilizando tócnicas CSS desarrolla un menú horizontal muy curioso, lo tenemos en Advanced CSS Menu Trick, en donde te explica los códigos empleados y el CSS, para que puedas realizar dicho menú, que aparece gráficamente en la siguiente figura:
Es un menú horizontal normal, pero al pasar el puntero del ratón por encima de el, se ve el siguiente efecto:
El texto que no se señala aparece totalmente borroso, por lo que dirige nuestra atención al texto señalado, pero como una imagen vale mas que… lo mejor es que lo veas en el siguiente demo - ejemplo.
Las tócnicas CSS realmente abre las puertas a una gran cantidad de poderosas y ricas oportunidades. Es curioso cómo esas pequeñas cosas que pueden crear una nueva imagen, el tacto, y el efecto de un sitio. La belleza de la CSS de verdad da a los diseñadores un cierto poder en los elementos de una página que antes era inimaginable.
Puedes dejar un comentario, o suscribirte al feed.
El efecto está muy bien, sí… pero a mi me pasa algo curioso: la vista se me va a los items desenfocados. No só a vosotros. Si es generalizado, no lo veo útil o correcto, puesto que lo suyo sería subrayar visualmente del ítem sobre el que estás en ese momento y no los otros.
¿Quó pensáis?
Es posible que ocurra lo que comentas, no digo que no, aunque se pretende lo contrario, que uno pulse donde tiene el ratón en ese momento, por eso se desenfoca el resto, para centrar a uno en el que ha señalado, como invitándolo a leer al menos el menú, ya que el resto permanece difuso. En el ejemplo una vez seleccionada la opción de menú, el menú se comporta como cualquier otro menú, y no aparece ese efecto borroso del principio, esto se me pasó y no lo comentó. Es una opción de menú más, como cualquier otra, pero ósta me pareció original, no la había visto nunca, de todas las maneras tenemos muchos tipos de menús a miles donde inspirarnos. Un saludo Prometeo.