標籤：link 1.2 body blog href tran doctype color 過渡
在滑鼠經過圖片時，圖片被放大，而且還有個過渡的效果....
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>
CSS3實現滑鼠經過圖片時圖片放大
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
