Плавный display none?

Привет!
Как лучше плавно скрыть один блок и на его месте плавно проявить другой по нажатию кнопки?
А потом через несколько секунд вернуть также плавно первый блок вместо второго?

Песочница JsFidle

p.s. Нашел тему на тостер, но там битые ссылки на решения.
  • Вопрос задан
  • 17484 просмотра
Решения вопроса 2
coderisimo
@coderisimo Куратор тега JavaScript
Вот вам всевозможные примеры.
css3.bradshawenterprises.com/cfimg

Суть : создаете классы с анимированными переходами через css. Назначаете эти классы элементу и наслаждаетесь эффектом.
Ответ написан
Пригласить эксперта
Ответы на вопрос 4
profesor08
@profesor08 Куратор тега CSS
Сначала анимируешь исчезновение блока, потом задаешь ему display:none;
Чтоб показать блок, делаешь все наоборот. Задаешь ему display:block, а потом анимируешь его появление.
Тут нет ничего сложного или каких-то скрытых знаний, все просто и в лоб.
Ответ написан
@dsgnfox
По очереди добавляем классы. Интервал у того, что с display none должен быть больше, чем у блока с transition в цсс.
Вот пример с прелодером страницы
https://jsfiddle.net/artem__fox/7u69omxa/1/
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы