Изображение изменить размер onhover с css

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!

Является ли это по существу то, что вы ищете?