http://codepen.io/anon/pen/RRrjKg

.service-box {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0;
text-align: center;
border: none;
background: none;
}

.service-box .icon {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: relative;
display: inline-block;
width: 130px;
height: 130px;
float: none;
background: #39464f;
z-index: 3;
}

.service-box .icon:before {
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
visibility: hidden;
opacity: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #EA1919;
z-index: -1;
}

.service-box:hover .icon:before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
visibility: visible;
opacity: 1;
}