項目需要最近開始最html開發了，項目中需要用到鼠標懸停時候圖片的放大效果,廢話少說，上代碼
<div class="listitem fl">
<img class="listitemimage">
<span>大個云南蒙自石榴（禮盒裝</span>
<span>￥128.00/12個</span>
</div>
css中的代碼
.listitem{
width: 100px;
height: 160px;
margin-left: 20px;
margin-top: 20px;
overflow: hidden;
}
.listitemimage{
width:100px ;
height: 100px;
background: url("../image/itemimage.png");
transition:all 0.6s;
}
.listitemimage:hover{
transform: scale(1.4);
}
注意
1.一定要dlistitem中用的是margin-left，不是padding-left，否則不以中心縮放。
2.一定要在父節點上面添加overflow: hidden;
