Задать вопрос
@lolo_to

Почему исчезает плавно, а появляется резко (transition: opasity)?

Есть блок, который при нажатии на кнопку должен плавно исчезает и появляется благодаря js:
document.getElementsByTagName('div')[0].style.opacity = '0';
setTimeout(()=> {
    document.getElementsByTagName('div')[0].style.opacity = '1';
}, 1000);


div {
    transition: opacity 1s ease;
}


<div>
    <p>Привет, стиль..</p>
</div>

Но получается так, что он плавно только исчезает, а появляется - резко.

Подскажите пожалуйста, как это исправить.
  • Вопрос задан
  • 305 просмотров
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
WblCHA
@WblCHA
Либо уменьшить транзишн, либо увеличить таймаут. Если жс изменяет опасити до окончания анимации, то получается мгновенный переход.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы