請教一下問題
我在做網(wǎng)頁，我要實現(xiàn)的效果是鼠標放上面圖片變大，拿開變小。我的代碼也沒錯，就是不出效果。誰可以寫個代碼，我借鑒一下嗎？非常感謝！
zhang1iang
2015-08-26
1 回答
舉報
0/150
提交
取消
2015-08-26
<!DOCTYPE html>
<html>
<head>
?<meta charset="UTF-8">
?<title>圖片縮放效果</title>
?<style type="text/css">
??#con{margin:0 auto; width:830px;
???overflow: hidden;}
??#con div {float:left; border:#CCC solid 1px;
???height: 200px;width:200px;
???margin-bottom: 5px;
???margin-right:5px;
????? overflow: hidden;}
?? img{transition:all 2s;}
??img:hover{transform:scale(1.1,1.1);}
?</style>
</head>
<body>
<div id="con">
?<div><img src="images/face.jpg" /></div>
?<div><img src="images/face.jpg" /></div>
?<div><img src="images/face.jpg" /></div>
?<div><img src="images/face.jpg" /></div>
?<div><img src="images/face.jpg" /></div>
?<div><img src="images/face.jpg" /></div>
?<div><img src="images/face.jpg" /></div>
?<div><img src="images/face.jpg" /></div>
</div>
?
</body>
</html>