在鼠標經過圖片時，圖片被放大，而且還有個過渡的效果....
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <link href="css/prodInfo.css" rel="stylesheet" type="text/css"> 5 </head> 6 <style> 7 div img{ 8 border:1px soild red; 9 height: 218px; 10 width: 222px; 11 width:100%; 12 transition: all 0.6s; 13 } 14 img :hover{ 15 transform: scale(1.2); /* 放大1.2倍 */ 16 } 17 </style> 18 <body> 19 <div> 20 <img src="img/prodInfo/lf.jpg"/> 21 </div> 22 </body> 23 </html>