169 похожих чатов

Всем привет, подскажите как проще сделать модалку с анимацией при

закрытии? чет с css не выходит. мне нужно она не за экраном висела, а ее в принципе не было, пока не вызовут.
вызывается модалка так
{showEditModal ? <EditModal/> : null}
стиль для плавного закрытия пока не могу сообразить. подскажет кто-то?

15 ответов

15 просмотров

CssTransitionGroup гугли

фреймер в помощь

𝕁𝕊𝕆𝕌𝕎𝕃
фреймер в помощь

Ща бы ради 5 строчек тащить эту хуету

Vladimir Voronov
Ща бы ради 5 строчек тащить эту хуету

Да ладно охуенная либа для анимаций сложных и лёгких, и транзишенов - самое то

Bлaдимиp
Да ладно охуенная либа для анимаций сложных и лёгк...

Но не для анимации одной модалки. Я в этом контексте говорил

Vladimir Voronov
Но не для анимации одной модалки. Я в этом контекс...

Тебе надо чтобы она где то посередине плавно появлялась ?

Anastasiia-Glushkina Автор вопроса
Vladimir Voronov
Но не для анимации одной модалки. Я в этом контекс...

какое тогда лучшее решение будет для одной модалки?

Anastasiia Glushkina
какое тогда лучшее решение будет для одной модалки...

На анмаун сначала анимацию проигрывай, потом меняй состояние

Anastasiia Glushkina
какое тогда лучшее решение будет для одной модалки...

Я делала на чистом css, если надо то что я описала

Vladimir Voronov
opacity: 0/1 transition: opacity .2s ?))

на опасити трансишн не работает же

Anastasiia-Glushkina Автор вопроса
Vladimir Voronov
На анмаун сначала анимацию проигрывай, потом меняй...

useEffect( () => document.getElementById("modalContent").classList.add("animated") , []) так?

Anastasiia Glushkina
useEffect( () => document.getElementById("...

https://stackoverflow.com/questions/40064249/react-animate-mount-and-unmount-of-a-single-component

Anastasiia Glushkina
какое тогда лучшее решение будет для одной модалки...

на ютубе канал "Айти синяк" показывает как сделать модалку с анимацией

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

Обсуждают сегодня

А чем вам питонисты не угодили?😂
.
79
Язык Си можно выучить за день? По книжке ANSI C на 230 страниц
Vincent Vegan
29
Всем привет, написал код ниже, но он выдает сегфолт, в чем причина? #include <stdio.h> #include <stdlib.h> #include <string.h> struct product { char *name; float price; };...
buzz базз
75
Dim Dim, [02.07.2024 11:07] DB 0x62 Dim Dim, [02.07.2024 11:07] DB 0x66 Dim Dim, [02.07.2024 11:07] кто пояснит что это?
Dim Dim
14
Ошибка: segmentation fault (core dumped) Код: pastebin.com/BEsNNSSV Сообщение от компилятора: отсутствует ОС: Arch Linux Ядро: x86_64 Linux 6.9.7-arch1-1 Процессор: Intel Cele...
sec
4
Ребят, а за скок можно впарить анон чат с апишкой и веб админкой ?
Eugene Неелов
15
Ещё такой вопрос. Мне необходимо хранить пароль пользователя локально. Для этого планирую использовать ini файл. Это для автозаполнения полей логин и пароль при авторизации. Е...
Евгений
19
Кстати, я тут еще с одной темой столкнулся, вот учу я C++, на таком то ресурсе, а остальные постоянно советуют практиковаться, что то писать, проекты, но как писать если вот т...
aaswq1
7
@ahndmn @ayaw0_0 здарова, на чем пишете?
Aiwan \ (•◡•) / _bot
7
Коллеги, как получить PId для собственного процесса из под линукса?
Роман Лях (rgreat)
6
Карта сайта