可(kě)以使用(yòng)CSS3中的(de)transfrom:scale{x,y}來(lái)放大(dà)，示例代碼如下(xià)：div img:hover{transition:all 0.1s;transform: scale(1.05);-webkit-transform: scale(1.05);

可(kě)以使用(yòng)CSS3中的(de)transfrom:scale{x,y}來(lái)放大(dà)，示例代碼如下(xià)：

div img:hover{transition:all 0.1s;transform: scale(1.05);-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}

<div><img src="圖片地址"></div>

延伸閱讀：

1、scale(x,y) 對(duì)元素進行縮放

X表示水(shuǐ)平方向縮放的(de)倍數 | Y表示垂直方向的(de)縮放倍數

Y是一個(gè)可(kě)選參數，沒有設置的(de)話(huà)，則表示X，Y兩個(gè)方向的(de)縮放倍數是一樣的(de)。并以X爲準。

transform:scale(2,2.5);  

2、scaleX() 元素隻在X軸（水(shuǐ)平方向）縮放元素。

默認值是1，基點一樣在元素的(de)中心位置。可(kě)以通(tōng)過transform-origin來(lái)改變基點

transform:scaleX(2);  

3、scaleY() 元素隻在Y軸（垂直方向）縮放元素。

基點一樣在元素的(de)中心位置。可(kě)以通(tōng)過transform-origin來(lái)改變基點。

transform:scaleY(2);

上一篇：利用(yòng)CSS3實現平移動畫(huà)效果示例代碼 下(xià)一篇：DIV+CSS 左側固定，右側自适應代碼