Как масштабировать изображение на мыши с использованием CSS?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как масштабировать изображение на мыши с использованием CSS?

Сообщение Anonymous »

Я просто хочу увеличить изображение. Мне нужно автоматически дать высоту моего списка продуктов, потому что он не отзывчив, но когда я делаю это, контейнер растягивается, как я могу избежать этого?

Код: Выделить всё

.zoom-img {
width: 300px;
height:auto;
overflow: hidden;
}

.zoom-img  img {
width: 100%;
transition: all .3s ease-in-out;
}

.zoom-img img:hover   {
transform: scale(1.2);
}< /code>

[img]https://www.arthenos.com/wp-content/uploads/2017/08/Manzara_fotografciligi_2-1200x900.jpg[/img]


my -hover image


Подробнее здесь: https://stackoverflow.com/questions/694 ... -using-css
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»