Reloj analógico sin JavaScript y que utiliza sólo CSS3

Como los lectores habituales sabrán muy bien, me gustan mucho los experimentos realizados con CSS3. En esta ocasión capto mi atención este fantástico proyecto en donde crearon un reloj analógico totalmente funcional utilizando CSS3 y sin una sola linea de código JavaScript.

Lo increíble del proyecto, y a la vez ingenioso, es que el creador de este reloj analógico animado utilizo solo unas pocas propiedades de CSS3 para desarrollar este reloj que funciona perfectamente, principalmente hizo un uso intensivo de dos propiedades: transform y animation.

El resultado final, un reloj que si bien es muy simple y minimalista desde lo gráfico, funciona perfectamente:

Demostración online.

Dudo que este reloj tenga una utilidad real, no al menos como recurso web, sin embargo a nivel educativo es muy interesante analizar como el autor con muy pocas propiedades logro evitar el uso de JavaScript, lenguaje que se utiliza de forma histórica para este tipo de desarrollos.

Web: Analog Clock with Pure CSS3

Pablo: Programador desde hace más de 11 años, adicto a internet, cafeinómano, fanático de la información, intento de emprendedor, trabaja de forma compulsiva solo en lo que ama. Sueña con tener una aplicación con más de 1 millón de usuarios.
Entradas relacionadas