마우스 오버시 이미지 확대

/* 마우스 오버시 이미지 확대 */

.scale {

  transform: scale(1);

  -webkit-transform: scale(1); /* default */

  -moz-transform: scale(1); /* chrome */

  -ms-transform: scale(1); /* firefox */

  -o-transform: scale(1); /* opera */

  transition: all 0.2s ease-in-out; /* 확대되는 속도 */

}

.scale:hover {

  transform: scale(1.1); /* hover시 확대(scale값을 1보다 크게) */

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

}