マウスホバーで画像を拡大する

.scalePhoto {
    width: 200px;
    heght: 200px;
    overflow: hidden;
    img {
        -moz-transition: -moz-transform 0.3s linear;
        -webkit-transition: -webkit-transform 0.3s linear;
        -o-transition: -o-transform 0.3s linear;
        -ms-transition: -ms-transform 0.3s linear;
        transition: transform 0.3s linear;
        &:hover {
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2);
        }
    }
}

参考サイト

web屋

画像をマウスオーバーしたときに効果を与えるメモ4つ #CSS

http://webya-tm.com/made/201405301703