Как сделать, чтобы hover эффект был только на картинку, а текст с ценой на месте оставался?

На сайте есть блок (скрин ниже) при наведении, происходит эффект, как сделать чтобы эти две оранжевые плашки с текстом, оставались на месте?

5ebe9b26e44d9949962783.jpeg
  • Вопрос задан
  • 64 просмотра
Решения вопроса 1
LenovoId
@LenovoId
svg, css,js
.banner_one {
    background: url(img/palatka.jpg);
    height: 268px;
     background-size: 100% 100%;
	-webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: -1;
    
}

.banner_one:hover {
    background-size: 110% 110%;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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