.img-block {
  width: 300px;
  height: 200px;
  overflow: hidden;
}
 
.img-block img {
  transition: 0.5s;
  /*拡大されるスピードを設定します*/
}
 
.img-block img:hover {
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  /*拡大される比率を設定します*/
}

/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 30px);
    transition : all 900ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }