@lada95

Не работает уменьшение картинки transform?

.partner__logo{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
    object-fit: cover;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    overflow: hidden;
}

.partner__logo:hover img{
    opacity: .3;
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
}

https://lair-35.ru/nashi-partnyoryi
  • Вопрос задан
  • 130 просмотров
Пригласить эксперта
Ответы на вопрос 2
Odisseya
@Odisseya
Оптимизирую PageSpeed & Performance
Повесим hover-событие на родителя — в single.css замените селектор .partner__logo:hover на .partner__inner:hover .partner__logo , чтоб стало:
.partner__inner:hover .partner__logo {
    opacity: .3;
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
}
Ответ написан
Ну хотя бы потому, что у вас в .partner__logo нет картинки вложенной, у вас сама картинка с классом .partner__logo. Это первое. Второе что может произойти - перекрытие вашим блоком с описанием. Для этого нужно ему в неактивном состоянии задать pointer-events:none; , в активном состоянииpointer-events:all;
Ответ написан
Ваш ответ на вопрос

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

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