如何css div悬停效果

Question

我正在建立一个新网站，并且想添加CSS悬停效果。你能告诉我该怎么办吗？我希望图像具有缩放悬停效果。

Answer 1

.zoom {
  padding: 50px;
  box-sizing: border-box;
  transition: transform .2s;
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.zoom:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}

<h1>Zoom on Hover</h1>
<p>Hover over the div element.</p>
<div class="zoom"><img src="YourImagePath.jpg" width="100px" height="100px"></div>