OldSchool1705
@OldSchool1705
I want to become a programmer

Почему не работает transition?

Всем привет, подскажите почему не работает transition?

<div class="block"></div>
.block
    width: 400px
    height: 400px 
    background: black
    transition: all 0.5s ease
    &:hover
        &::after
            content: ''
            position: absolute
            top: 0
            left: 0
            right: 0
            bottom: 0
            width: 400px
            height: 400px 
            background: red
            opacity: 0.5
        &::before
            content: ''
            position: absolute
            top: 0
            left: 0
            right: 0
            bottom: 0
            width: 400px
            height: 400px 
            background: url(../img/header_bg.jpg) no-repeat
  • Вопрос задан
  • 45 просмотров
Решения вопроса 1
Psixodelik
@Psixodelik
Преподаватель на Hexlet
Так а что именно отслеживает transition в вашем случае? Изначально задайте before/after, а уже на hover меняйте часть стилей на нужные. И transition соответственно будет уже у before/after
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
21 окт. 2020, в 16:23
500 руб./за проект
17 окт. 2020, в 19:36
5000 руб./за проект
21 окт. 2020, в 16:07
150 руб./за проект