如何css divi悬停效果[关闭]

【问题标题】：How to css divi hover effect [closed]如何css divi悬停效果[关闭]
【发布时间】：2020-01-17 23:11:17
【问题描述】：

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

【问题讨论】：

【解决方案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="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" ></div>

【讨论】：