@Mikle888

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

Сделал следующим образом:

.content .col-12 .card .img .block:hover {
          transform: scale(2);
          background-color: white;
          transition: 0.1s all;
        }


И при увеличении получается следующее:
5a23ad46cbe71442963951.jpeg

Как это исправить?

Код блока с картинкой:
<div class="block">
    <img class="lazyImg" data-original="img/Grandex/Adventure/A-403.JPG" alt="Картинка">
    <p>A-403</p>
</div>
  • Вопрос задан
  • 213 просмотров
Решения вопроса 1
vicodin
@vicodin
Имею некоторый опыт
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы