Diseño Retro con Mootools

Diseño Retro con Mootools

El diseño web con Ajax no tiene límites, hoy os dejo un increible reloj retro creado en Mootools.

El diseño retro está muy logrado, incluso deja caer sus números con un efecto «flip», como aquellos paneles del aeropuerto que marcaban los números de los vuelos y sus retrasos.

Tres grupos de imágenes, horas, minutos y segundos, divididas en dos, superior e inferior, dividadas por un eje horizontal que pasa por su centro de gravedad. La animación consiste en reducir la imagen superior de un 100% a un 0%, mientras que la inferior aumenta de un 0% a un 100%.

Dos contenedores alojan las imágenes, «upperPart» para las superiores y «lowerPart» para las inferiores.

Toda la información sobre cómo funciona, sus imágenes, su CSS, o la programación de la animación, la podéis encontrar en el manual de net tuds .

Echadle un vistazo porque merece la pena, aunque sólo sea para ver el efecto tan real que genera Mootools.