Circle with inside shadow

Original by stackoverflow, 2017 

This summary note was Posted on By reinie
Posted in Webdesign Tagged , 

.circle_shadow {
 
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 50%;
  border:1px solid #000;
  -webkit-box-shadow: inset 3px 3px 4px #000;
  -moz-box-shadow: inset 3px 3px 4px #000;
  box-shadow: inset 3px 3px 4px #ccc;

}

*You might want to play with display I it doesn’t show properly (like inline)