Ejemplo 1: cómo hacer un reloj css
>
>
>
>Clock >
>
.css">
"clock">
"hour">
"hr" id="hr">
"min">
"mn" id="mn">
"sec">
"sc" id="sc">
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: 3 Promedio: 4.3)