Почему не срабатывает анимация перехода модального окна в vue.js?

Question

[Дима]

Все делал по этому примеру но плавного перехода достичь не удалось. Что я делаю не так?

Песочница

Еще заметил, что в самом модальном окне, почему-то цвета стали бледнее, из-за чего?

Answer 1

[0xD34F]

Должно быть так?

Не был задан transition для .overlay и .modal-container.

Comments

[Дима]

Спасибо!
А из-за чего могут быть цвета бледнее в самом модальном окне, там явно не черный

[0xD34F]

Дима Волков, .overlay со своим opacity виноват. В примере, на который вы дали ссылку, вместо opacity используется background-color c прозрачностью - исправил свой пример соответствующим образом.