css traffic light code example

Example: css traffic light

  

      

      

      

  


.traf_light{
  border: none;
}
.embossed {
  position: relative;
  z-index: 2;
}
.embossed:before {
	content: "";
	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:after {
  content: "";
  z-index: -1;
  position: absolute;
  border-radius: 50%;
  box-shadow: 
	inset 0 2px 0 rgba(0,0,0,0.1),
	inset 0 -2px 0 rgba(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));
}