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调整onshover

1 个答案: