A CodePen by Don Hogan.

index.html

<div id="container">
  <div class="block blue">
    <div class="inblock light-green"></div>
  </div>
  <div class="block green">
    <div class="inblock orange"></div>
  </div>
  <div class="block yellow">
    <div class="inblock light-blue"></div>
  </div>
  <div class="block blue">
    <div class="inblock light-green"></div>
  </div>
  <div class="block green">
    <div class="inblock orange"></div>
  </div>
  <div class="block yellow">
    <div class="inblock light-blue"></div>
  </div>
</div>

style.css

#container {
  width:80%;
  height: 200px;
  padding-left:5em;
  background-color: #95A5A6;
}

.block {
  margin: 2em;
  height: 130px;
  width: 130px;
  float:left;
  border-radius:10px;
}

.block:hover > .inblock{
  background-color:#E74C3C;
  background-position: top;
  
}

.inblock {
  height: 80px;
  width: 80px;
  margin: 1.5em;
}

.light-blue {
  background-color:#2980B9

}

.blue {
  background-color:#2C3E50;
}

.green {
  background-color:#27AE60;
}

.yellow {
  background-color:#F1C40F;
}

.orange {
  background-color:#E67E22;
}

.light-green {
  background-color:#2ECC71;
}