Saltar al contenido

ejemplo de código de reloj html css

Ejemplo 1: cómo hacer un reloj css

>
>
	>
	>Clock>
	

Ejemplo 2: como hacer un reloj css

*margin:0;padding:0;box-sizing: border-box;bodydisplay: flex;justify-content: center;align-items: center;min-height:100vh;background:#091921;.clockwidth:350px;height:350px;display: flex;justify-content: center;align-items: center;background:url(clock.png);border-radius:50%;background-size: cover;border:4px solid #091921;box-shadow:0-15px15pxrgba(255,255,255,0.05),
					inset 0-15px15pxrgba(255,255,255,0.05),015px15pxrgba(0,0,0,0.03),
					inset 015px15pxrgba(0,0,0,0.03);.clock:beforecontent:'';position: absolute;width:15px;height:15px;background:#fff;border-radius:50%;z-index:10000;.clock.hour,.clock.min,.clock.secposition: absolute;.clock.hour,.hrwidth:160px;height:160px;.clock.min,.mnwidth:190px;height:190px;.clock.sec,.scwidth:230px;height:230px;.hr,.mn,.scdisplay: flex;justify-content: center;/*align-items: center;*/position: absolute;border-radius:50%;.hr:beforecontent:'';position: absolute;width:8px;height:80px;background:#ff105e;z-index:10;border-radius:6px6px00;.mn:beforecontent:'';position: absolute;width:4px;height:90px;background:#fff;z-index:11;border-radius:6px6px00;.sc:beforecontent:'';position: absolute;width:2px;height:150px;background:#fff;z-index:12;border-radius:6px6px00;

Ejemplo 3: como hacer un reloj css

// and now you have a clock

Comentarios y calificaciones

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *