悬停时的缩放位置

Question

当我点击图片时，我想改变悬停图像的位置。现在*图像悬停在底部放大，我希望在顶部放大（见图像链接）。 我添加了这段代码：

HTML：

<div class="image"></div>

CSS：

.image { background:url(image url); height:50px; width:50px; }

.image:hover { background:url( image url ); height:400px; width:400px; }

图片：

Answer 1

试试这个

 .image:hover {
cursor: pointer;
height:400px;
width: 400px;
transform:scale(1.5);
-ms-transform:scale(1.5); /* IE 9 */
-moz-transform:scale(1.5); /* Firefox */
-webkit-transform:scale(1.5); /* Safari and Chrome */
-o-transform:scale(1.5); /* Opera */
}

它有效..