Reloj digital hecho puramente solo con CSS
(quaxio.com)-
Un reloj digital hecho únicamente con CSS, sin JavaScript ni HTML
-
La explicación está en los comentarios del código fuente CSS
→ Empieza desde 12:00:00
→ Representa un display de 7 segmentos (LCD) con animaciones CSS usando @keyframes
- Se pueden ver varios trucos entre navegadores para lograr la menor cantidad de código posible
→ Con solo poner la etiqueta <link>, el navegador genera implícitamente <html>, <head> y <body>
→ Si no existe content: "", ::before y ::after no se muestran
→ Si no existe display: block, html, head y link no se muestran
→ Si no se especifica un borde invisible como border: 1px solid #fff, Safari no ejecuta la animación
1 comentarios
Dicen que es hecho en Suiza, pero la indicación de los minutos no se ve tan limpia :)