@nashivancom

Изображение выходит из блока при transform scale?



При наведении на карточку изображение выходит из-за блока. Как сделать, чтобы изображение увеличивалось, но не выходило за карточку?
Приходит в голову только закостылять как-то через z-index. Как можно решить это?
Изображение увеличивается при помощи transform scale:
.func-card:hover .func-image {
    transform: scale(1.2);
    transition: all .3s ease-in-out; 
}

image.png
  • Вопрос задан
  • 78 просмотров
Решения вопроса 1
lDNFW
@lDNFW
Начинающий верстальщик :)
.func-card:hover {
          overflow: hidden;

}

Скрываем лишние.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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