.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
, то анимация работает как надо,в чем проблема?