<style type="text/css">
/*自動隱藏超出長寬的圖片*/
.post  {
overflow: hidden;
width: 800px;
height: 600px;
}

/*轉場的時間*/
.post img {
transition: all 0.5s ease 0s;
}

/*判斷滑鼠的動作放大圖片還有增加透明度*/
.post img:hover {
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: .5;
}</style>
<div class="post">
	<img alt="" src="/userUpload/images/Alanger/010.jpg" style="width: 600px; height: 338px;" /><img alt="" height="600" src="圖片網址" width="800" /></div>
