圖像調整與css onhover

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!

這是基本上是你在找什麼？