JSFiddle - React, Tailwind, and code Playground

by mauricederegt

HTML

<span id="ball" ></span>

CSS

body {background-color: darkgreen;}

#ball {
    position: absolute;
    left: 292px;
    top: 192px;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: url(http://www.mauricederegt.nl/test/ballbg2.png) scroll;
    box-shadow: inset 5px -5px 5px rgba(0,0,0,.5);
}

#ball:after {
content: "";
  display: block;
  position: absolute;
  width: 25%;
  height: 25%;
  border-radius: 100%;
  top: 22%;
  left: 52%;
  background: white;
  -webkit-filter: blur(1px);
}