Html expand on mouse over

Question

Мне нужно развернуть мышь над элементом, который не перемещает текст рядом с/ниже/над ним только из HTML.

Это HTML, что мне нужно сделать этот

<img src="https://media.giphy.com/media/3oEjI4YVeORS9Xqal2/giphy.gif" alt=""style="width:12px;height:18px;"> 

Answer 1

Поместите окружающее содержание абсолютно, а затем добавить селектор img:hover в свой CSS. [См. Эту скрипту] (https://jsfiddle.net/samando27/03azgrvq/) для примера с использованием divs вместо изображений, но вам просто нужно изменить селектор. В приведенном ниже коде показан селектор зависания, но просмотр Fiddle для позиционирования.

img:hover { 
    // change these to your expand requirements 
    width: 200px; 
    height: 200px; 
} 

Answer 2

Добавить этот код, который расширяет ваши высоту и ширину изображения при помощи мыши.

HTML,

<div id="img"> 
<img src="#" alt=""> 
</div> 

CSS

#img{ 
width:100px; 
height:100px; 
transition:0.6s ease; 
} 
img{ 
width:100%; 
height:100%; 
} 
#img:hover{ 
width:150px; 
height:150px; 
}