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

Question

[Greeg Zagrelov]

Всем привет, подскажите почему не работает 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

Answer 1

[Никита Михайлов]

Так а что именно отслеживает transition в вашем случае? Изначально задайте before/after, а уже на hover меняйте часть стилей на нужные. И transition соответственно будет уже у before/after

Comments

[Greeg Zagrelov]

куда я только его не интегрировал , просто не где не работает, transition должен отслеживать hover

[Никита Михайлов]

[Greeg Zagrelov]

Никита Михайлов, ага вот как нужно, понял спасибо что уделили время

[Никита Михайлов]

Всегда пожалуйста :)