마우스 오버시 이미지 확대 > CSS

  <style>
        .shadow{
            width:100px;
            height:100px;
            margin:10px auto;
            overflow:hidden;
            border:1px solid black;
        }
        
        .shadow img{
            width:100px;
            height:100px;
        }
        
        .shadow img:hover{
            cursor:pointer;
            -webkit-transform:scale(1.1); /*  크롬 */
            -moz-transform:scale(1.1); /* FireFox */
            -o-transform:scale(1.1); /* Opera */
            transform:scale(1.1);
            transition: transform .35s;
            -o-transition: transform .35s;
            -moz-transition: transform .35s;
            -webkit-transition: transform .35s;
        }
</style>
    <div class="shadow">
        <img src="http://inforyou.tistory.com/admin/entry/post/이미지경로">
    </div>