Hi,

CSS3

.blog-item {
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.03);
  border-radius: 4px;
  margin-bottom: 30px;
  overflow: hidden;
  transition: .4s ease-out;
}


.blog-item:hover {
 box-shadow:0 20px 20px 0 rgba(43,46,48,.1);
 transform:translateY(-3px)
}

Use for your own class, that's all I can help. Becuase we don't teach CSS here.