Задать вопрос
@poter
javascript

Transition и display:none. Плавное исчезновение и резкое появление. Почему?

jsfiddle.net/drn2kgch
Исчезает плавно, а появляется мгновенно.

Почему нет анимации, ведь сначала удаляется display: none, а только потом устанавливается opacity.

f.classList.remove('hide');
f.style.opacity = 1;
  • Вопрос задан
  • 5412 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Пригласить эксперта
Ответы на вопрос 2
@NPC
...
Может быть потому что вы убираете плавно (hide), а показываете резко, установив opacity: 1
Ответ написан
8 комментариев
8 комментариев
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
jsfiddle.net/drn2kgch/2
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать парсер
26 апр. 2024, в 07:47
2000 руб./за проект
Devops для видео сервиса
26 апр. 2024, в 06:46
1000 руб./в час
Найти ошибку flutter_map
26 апр. 2024, в 05:31
1000 руб./за проект
Ещё заказы