css 이미지에 마우스 올리면 이미지 위에 글자가 움직입니다. 채택완료

링크 접속하시면 열처리시설 이미지에 마우스 올리시면 글자가 움직이는 걸 확인하실 수 있습니다.

아래는 소스코드입니다.

저번에는 객체에 height 값을 줘서 비슷한 현상을 없앴는데요.. 이번에는 안되네요..

    

열처리시설

     식물검역본부 열처리등록 번호

         

    

    

.detailPageUsedByHeat {position:relative; margin-top:15px; width:980px; height:100%; line-height: 180%; font-size:0.95rem; font-weight:300; display:inline-block;} .detailPageUsedByHeat img.heat1{border:1px solid #cccccc; width:385px; height:290px;} .detailPageUsedByHeat img.heat2{margin-left:20px; border:1px solid #cccccc; width:385px; height:290px;} .detailPageUsedByHeat img.heat1:hover,.detailPageUsedByHeat img.heat2:hover{border:5px solid #5074b5;     box-sizing: border-box;     transition: all 0.3s ease-out 0s;}