如何透過css將圖片在滑鼠hover中放大？
div img { cursor: pointer; transition: all 0.6s; }
div img:hover { transform: scale(1.4);}
而滑鼠移入所產生的變化要用:hover來實現。
外面的框設定overflow:hidden是為隱藏在圖片放大時超出的部分，
transform: scale(1.1)為圖片放大的倍率
transition:all 0.5s ease 0s為圖片放大所需的時間和特效
參考：
使用css製作滑鼠移入圖片的放大效果
纯css hover放大图片
Ｑ：如果是文字跟圖片包在一起？
Ａ：直接將這個樣式放在 element :hover 底下
transform: scale(1.4);
參考：
CSS3鼠标滑过放大效果
