html+css鼠標經過網頁圖片放大效果

這個比較簡單，

在網站中上傳一個圖片，

想實現當鼠標經過時圖片放大：

html:

<div class="img_fd"><img src="tp.jpg"/></div>

css:

div.img_fd img:hover{

　　-webkit-transform:scale(2,2);

　　-moz-transform:scale(2,2);

　　-transform:scale(2,2);

　　z-index:9999;

　　/*position:absolute;*/

}

注意一下：

scale(2,2)為縮放轉換

可以修改scale(1.5,1.5)數字來達到效果