Задать вопрос

Передать hover на ::before?

Как передать что-то на before при ховере на элемент?
Например:
.set-3 li::before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #fff;
  transition: .3s ease;
  transform: translate(0, 100%);
}

.set-3 li:hover .set-3 li::before{
  transform: translate(0, 0);
}

То есть мне нужно, чтобы при наведении на эту лишку, ее псевдоэлемент получил указанные свойства.
  • Вопрос задан
  • 181 просмотр
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
.set-3 li:hover::before{
  transform: translate(0, 0);
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽
Data Directs Тель-Авив
от 350 000 ₽