變焦位置懸停

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

試試這個

URL（http://www.url.com）：

.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 */ 
} 

它的工作原理..