@SatinAndrey

Как плавно увеличить фон через background size cover?

Задача такая: при наведении на фон он должен увеличиться на 20%, но transition при cover и auto он срабатывает резко, а в процентах работает как надо
Вопрос: как иммитировать cover в процентах или как плавно увеличить фон?
  • Вопрос задан
  • 95 просмотров
Решения вопроса 2
@tyzberd
блок увеличивать на 20%. а его обертке overflow: hidden;
Ответ написан
freislot
@freislot
Frontend-разработчик
Как уже правильно сказали выше, оборачиваете свой блок с фоном в другой блок и делаете что-то типо этого
.wrapper {
   overflow:hidden
}
.div c фоном {
   transition: transform 0.5s; 
   -webkit-transition: -webkit-transform 0.5s
}
.wrapper:hover .div с фоном{
   transform: scale(1.5); 
   -webkit-transform: scale(1.5);
}


получится примерно так
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы