2016-09-27 112 views
-2

我有一些代码的小问题。我正试图在一个小滑块中实现使用css完成图像大小调整的效果。事情是,图像只显示在它所在的框架内。 我该如何让它能够以全尺寸显示图像? 我试图实现这个页面是here,在第一个滑块上。 谢谢!图像调整与css onhover

回答

0

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!

这是基本上是你在找什么?

+0

嗨!这是效果,但它仍然没有离开最初的边界,我不明白为什么。 – Daniel

+0

@丹尼尔我很抱歉,但是你的意思是“最初的边界”?你可以随时随地移动。 – StardustGogeta

+0

嗨!感谢您的回复。我的一位朋友帮助我,现在没问题。他必须在滑块上应用一些更改。 – Daniel