Aporte, menú animado CSS3

[Carlangueitor]

Hola,

Pues investigando algunas cosillas de CSS3 me encontré con las transiciones, y se me ocurrió hacer este menú de navegación. No incluyo nada de JavaScript y solo utilizo una imagen, puro HTML 5 (la verdad es muy poco código) y CSS3.

El menú es compatible con Safari, Chrome, Opera y Firefox (3.7 Alpha); y para otros navegadores se muestra el menú, pero sin la animación, solo con el hover.

Estoy escribiendo un tutorial detallado, pero en ingles (espero y lo pueda vender a un sitio )

Pueden ver el demo aquí: http://www.charlyroman.com/forosdelw...u-animado-css/

Díganme que opinan y si tienen dudas sobre el código me avisan.

Saludos

[daPhyre]

¡Excelente aportación! Muchas gracias.

La verdad el efecto es bastante simple de realizar y funciona sin problemas

Aun no se para qué los hacen todavía exclusivos (-moz, -webkit y -o), si ya están estandarizados, funcionan igual y el oficial debería salir pronto. Deberían hacerlo universal ya de igual forma que el opacity. Y opino lo mismo con el border-radius, aunque moz ahí si ande funcionando diferente

Muchas gracias, comenzaré a jugar con este efecto

[Carlangueitor]

Pues ya ves esto de los navegadores, eso de los prefijos ùnicos nada màs hace que tenga que usar màs y màs lineas :P

[jomaruro]

Hola:

Excelente aporte Carlangueitor.

Saludos.

[RuLaZ_XD]

Hola,

Me gusta mucho el menu!!

Aunque yo no lo utilizare por el momento, estoy seguro que muchos lo tendran.... y buena idea lo de vender tu menu.

XD

[daPhyre]

Vaya, no pude dejar de jugar con el código, y puse otra opción diferente para esta nueva fórmula, en este caso, para menús desplegables:

http://source.daphyre.net/web-tips/d...ransition.html

No lo he probado en Firefox por que no tengo la última versión, y no se qué versión de opera soporte las animaciones, ya que la que yo tengo (10.10) no las ha mostrado. Agradecería que me confirmaran su funcionamiento en estos

Gracias

[Carlangueitor]

Daphyre, la versión que soporta transiciones de Opera es la 10.50, yo lo veo correctamente. En firefox también se ve bien.

@jomaruro, @RuLaZ_XD Gracias

Saludos

[daPhyre]

Oh vaya, ¡Por muy poco entonces!

La página de Opera dice que el 10.50 estará disponible muy pronto en linux, Yo aquí espero ansioso

Me pregunto si en el nuevo "Ubuntu Fanta con Uva" vendrá el 3.6 o el 3.7 de Firefox

Gracias

[alexk]

Carlangueitor muy bonito...
ya lo tenia hecho... estilo "Menu dock" como el de mac...
pero igual ta bonit...

daPhyre
en tu ejemplo si lo veo un poco mas util... ya que es lo tradicional el submenu horizontal jeje... me gusta :yes: !!!!

[Impostor]

+1