dylanmcleod
2/23/2016 - 9:58 PM

Vertically Center Clipped Image - http://jonrohan.codes/fieldnotes/vertically-center-clipped-image/

Vertically Center Clipped Image - http://jonrohan.codes/fieldnotes/vertically-center-clipped-image/

vertical-center-clipped-img.css
content_copyfile_download
.image-wrapper {
  height: 100px;
  overflow: hidden;
}

.image-wrapper img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height:auto;
  display:block;
}