悬停时使用 css 调整图像大小

Question

我的一些代码有一个小问题。我正在尝试在一个小滑块中实现使用 css 完成图像大小调整的效果。问题是图像只显示在它所在的框架内。我怎样才能让它以全尺寸显示图像？我尝试实现的页面是第一个滑块上的 here。谢谢！

Answer 1

img {
  position: absolute;
  transition: all 1s;
  width: 30vh;
  height: 30vh;
  margin: 5vh;
}

img:hover {
  width: 70vh;
  height: 70vh;
  margin: 15vh;
}

<img src="http://2.bp.blogspot.com/-AXkkbmFRErs/TjCZIWGawfI/AAAAAAAAAlk/lT8yTGBYh38/s1600/Rick-Roll3.png">
<br><br><br><br><br><br><br><br><br><br>
Hover over me, please!

这就是您要找的东西吗？

悬停时使用 css 调整图像大小

Image resize onhover with css

css

image-resizing