效果查看地址：游計劃（uplanok.com）

代碼：

img{width: 100%;border-radius: 3px;transition: all 2s;}
img:hover{transform: scale(1.2);}

img外層標簽元素，需要設定overflow: hidden，否則圖片放大后會溢出覆蓋其他內容。

到此這篇關于css3動畫鼠標放上圖片逐漸變大鼠標離開圖片逐漸縮小的文章就介紹到這了,更多相關css3圖片放大離開縮小內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持腳本之家！