index.html

<div class="dice one">1</div>
<div class="dice two">2</div>
<div class="dice three">3</div>

iveyu.markdown

iveyu

A Pen by A Non Ymous on CodePen.

License.

style.css

body {
  background-color:black;
  color:white;
}

.dice {
  background-color:white;
  width:100px;
  height:100px;
  position:relative;
}

.dice:after {
  content:"";
  background: transparent;
  width:10px;
  height:10px;
  border-radius:50%;
  position:absolute;
  top:45px;
  left:45px;
}

.dice.one:after {
  box-shadow: inset 10px 10px black;
}

.dice.two:after {
  box-shadow: 40px 40px black,
    -40px -40px black;
}

.dice.three:after {
  box-shadow: inset 10px 10px black,
    40px 40px black,
    -40px -40px black;
}