cómo hacer un semáforo con ejemplo de código CSS

Después de tanto trabajar pudimos dar con la solución de esta dificultad que algunos usuarios de este espacio tienen. Si tienes alguna información que compartir no dudes en dejar tu información.

Ejemplo: semáforo css

>
  
>
      
>:50px;width:50px">>>
      
>:50px;width:50px">>>
      
>:50px;width:50px">>>
  >
>.traf_lightborder: none;.embossedposition: relative;z-index:2;.embossed:beforecontent:"";display: block;height:106%;width:106%;position: absolute;border-radius:50%;top:-3%;bottom:3%;right:6%;left:50%;transform:translateX(-50%);border-radius:100%;opacity:0.6;background:radial-gradient(closest-side,#ffffff,#484848,#0d0d0d);.embossed:aftercontent:"";z-index:-1;position: absolute;border-radius:50%;box-shadow: 
	inset 02px0rgba(0,0,0,0.1),
	inset 0-2px0rgba(255,255,255,0.3);top:-10px;bottom:-10px;right:-10px;left:-10px;background:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0));

valoraciones y reseñas

---

---

Utiliza Nuestro Buscador