2016-09-27 2 views
-2

일부 코드에는 약간의 문제가 있습니다. 작은 슬라이더에서 CSS로 이미지 크기 조정의 효과를 얻으려고합니다. 문제는 이미지가 들어있는 프레임 안에 만 이미지가 표시된다는 것입니다. 이미지를 전체 크기로 표시하려면 어떻게해야합니까? 이것을 구현하려는 페이지는 첫 번째 슬라이더에 here입니다. 감사합니다.이미지 크기 변경 onhover with CSS

답변

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