Box Hover Color Change Property

by Rajat Jha

HTML

<div class="box">InfoStore99</div>

CSS

body {
  color: #fff;
  font: 700 14px/24px "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Sans-Serif;
}
.box {
  background: #2db34a;
  border-radius: 6px;
  cursor: pointer;
  height: 95px;
  line-height: 95px;
  text-align: center;
  transition-property: background;
  transition-duration: 1s;
  transition-timing-function: linear;
  width: 95px;
 
  
}
.box:hover {
  background: rgba(0,0,0,0.5);
  font-size:16px;
  color: #2db34a;
}