CSS教程-鼠标经过图片放大

直接放代码。
在div里放大，不超过边框。

effect-imghover > a {
    display: block;
    position: relative;
    overflow: hidden;
}

.effect-imghover > a > img {
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    width:100%;
    height:auto;
}

.effect-imghover > a:hover > img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}