Relógio digital feito puramente só com CSS
(quaxio.com)-
Relógio digital feito apenas com CSS, sem JavaScript nem HTML
-
As explicações estão nos comentários do código-fonte CSS
→ Começa a partir de 12:00:00
→ Representa um display de 7 segmentos (LCD) com animação CSS usando @keyframes
- Dá para ver vários ajustes para navegadores diferentes em busca do código mínimo
→ Mesmo inserindo apenas a tag <link>, o navegador cria implicitamente <html>, <head> e <body>
→ Sem content: "", ::before e ::after não aparecem
→ Sem display: block, html, head e link não aparecem
→ Se não definir uma borda invisível como border: 1px solid #fff, o Safari não executa a animação
1 comentários
Dizem que é feito na Suíça, mas a exibição dos minutos não é tão elegante assim :)