0
.header__button .about__button:after{
    content: "some text ??/????????";

    display: none;

    width: 200px;
    padding: 5px 5px;


    color: #222; 
    background: #e3dada;
    border-radius: 3px;
    transition: all .2s;

    position: absolute;
    top: 50px;
    right: calc(50% - 200px/2);
}

.header__button .about__button:hover:after{
    top: 55px;
    display: flex;
}

Есть блок при наведении на который должен появляться его :after и уежжать в низ.Но если изначально поставить display:none, а затем через :hover ставить его афтеру display: flex, то :transition не срабатывает и афтер оказываеться сразу в низу без аницамии опускания,если же изначально не устанавливать dispay: none, то анимация работает как надо,в чем проблема?

2

0

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Посмотрите другие вопросы с метками или задайте свой вопрос.