Una colección de relojes CSS y HTML gratis, algunos utilizan JavaScript, en formato analógicos, digitales, con animaciones y efectos, widgets, temporizador, etc. con hora actual, cronómetros, cuenta atrás y calendarios.
Todos los ejemplos CSS son personalizadles. Si haces click sobre los botones de ‘Ver Reloj’ puedes acceder a los ejemplos online de las fuentes y códigos CSS y modificarlo a tu gusto o bien aprender cómo se crea un reloj CSS para realizar tus propios diseños. Puedes encontrar instrucciones sobre cómo añadir un reloj CSS en HTML, aunque la mayoría también incluye un código iframe más sencillo de insertar.
Reloj CSS con calendario
Reloj CSS esfera con animación
Reloj CSS con palabras
Reloj CSS digital
Reloj CSS con efecto 3D
See the Pen Rotating Clock by Vicio Bonura (@V17h3m) on CodePen.
Reloj CSS analógico blanco y negro
Reloj CSS con segundero
Reloj CSS personalizable
Reloj CSS con cuenta atrás
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-cuentaatras-1024x432.jpg)
Reloj CSS analógico circular clásico
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-redondo-1024x484.jpg)
Ejemplo de reloj CSS rotatorio
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-rotatorio.jpg)
Pure CSS reloj animado
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-pure.png)
Reloj CSS con barras
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-barras.png)
Reloj CSS con glitch
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-glitch-1024x452.jpg)
Reloj CSS con efecto 3D
Reloj CSS clásico
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-clasico.png)
Reloj CSS giratorio en 3D
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-giratorio-3d-1024x316.jpg)
Reloj CSS sencillo
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-sencillo.png)
Reloj CSS básico personalizadle
Reloj CSS digital luminoso
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-digital-luminoso.jpg)
Ejemplo CSS con relojes animados
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-relojew.jpg)
Reloj CSS de pulsera
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-pulsera.png)
Reloj CSS con cronómetro / temporizador
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-pomodoro-cronometro-1024x554.jpg)
Reloj CSS Analógico / Binario
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-analogobinario-1024x582.jpg)
Reloj CSS con fondo rojo
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-rojo.jpg)
Reloj CSS que parece girar en el aire
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-giratorio.jpg)
Reloj radio vintage
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-vintage-1024x380.jpg)
Reloj CSS con fecha ajustable
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-calendario.jpg)
Reloj CSS digital clásico
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-digital-clasico.jpg)
Reloj CSS canvas
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-canvas-1024x852.jpg)
Reloj CSS con fecha y día de la semana
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-fecha.jpg)
Reloj CSS con tipografía
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-tipografia.jpg)
Reloj CSS con animación de pulsera
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-animacionpulsera-1024x558.jpg)
Reloj CSS rotatorio con efecto neón
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-neon.jpg)
Reloj Pure CSS ajustable
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-purecss-animado-1024x493.jpg)
Reloj CSS con forma cúbica
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-cubo.jpg)
Reloj CSS mundial múltiple internacional
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-varios-relojes.jpg)
Reloj CSS de pared con sonido
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-sonido.jpg)
Reloj CSS con desplazamiento
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-desplazamiento-1024x493.jpg)
Reloj digital con cuenta atrás
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-cuenta-atras.jpg)
Reloj CSS con horas que caen
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-horas-caen.jpg)
Reloj CSS con porcentaje
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-porcentaje-1024x412.jpg)
Reloj y calendario CSS
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-calendarioreloj.jpg)
Reloj CSS con sombra larga
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-sombra.jpg)
Reloj CSS con milisegundos
![](https://webgenio.com/wp-content/uploads/2020/12/reloj-css-milisegundos.jpg)