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
  • Вопрос задан
  • 342 просмотра
Решения вопроса 1
Psixodelik
@Psixodelik
Преподаватель на Hexlet
Так а что именно отслеживает transition в вашем случае? Изначально задайте before/after, а уже на hover меняйте часть стилей на нужные. И transition соответственно будет уже у before/after
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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