圖像調整與css onhover

-2

我有一些代碼的小問題。我正試圖在一個小滑塊中實現使用css完成圖像大小調整的效果。事情是，圖像只顯示在它所在的框架內。我該如何讓它能夠以全尺寸顯示圖像？我試圖實現這個頁面是here，在第一個滑塊上。謝謝！圖像調整與css onhover

2016-09-27 Daniel

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!

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

來源

2016-09-27 21:46:00 StardustGogeta

嗨！這是效果，但它仍然沒有離開最初的邊界，我不明白爲什麼。 – Daniel

@丹尼爾我很抱歉，但是你的意思是「最初的邊界」？你可以隨時隨地移動。 – StardustGogeta

嗨！感謝您的回覆。我的一位朋友幫助我，現在沒問題。他必須在滑塊上應用一些更改。 – Daniel

圖像調整與css onhover

回答

相關問題