css鼠标经过图片放大过渡动画

html 代码如下：

<div> <img src="1.jpg" /> </div>

hover效果css代码:

div {
    width: 555px;
    height: 489px;
    border: #000 solid 1px;
    margin: 50px auto;
    overflow: hidden;
}
div img {
    cursor: pointer;
    transition: all 0.6s;
}
div img:hover {
    transform: scale(1.4);
}