Задать вопрос
Ingernirated
@Ingernirated
Романыч
javascript

Как визуализировать анимацию из «none» в «block»?

Из блока в нан всё чётко, а из нан в блок ничего.
https://jsfiddle.net/u2Lxner6/1/
  • Вопрос задан
  • 163 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 4
rockon404
@rockon404
Frontend Developer
Используйте opacity. Пример
Ответ написан
Комментировать
Комментировать
AlexZagatskiy
@AlexZagatskiy
HTML / CSS developer
Transition не будет работать с display. Для плавной анимации нужно применять Visibility.
Ответ написан
1 комментарий
1 комментарий
@soledar10
html css3 js jquery
Пример
Ответ написан
Комментировать
Комментировать
sagrana
@sagrana
Вёрстка и немного кодинга)
Вам надо при клике на блок добавлять к нему класс (например show-block) и потом проверять на его наличие.
как-то так
А для плавной анимации замените display на какой-нибудь вариант, из предложенных)
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Web-разработчик/WordPress программист (Full-stack). В офисе ст. м Ладожская
JustBusiness • Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
React разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
Ещё вакансии