@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; animation-duration: 1s;  animation-fill-mode: both; } @keyframes fadeOutDown { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; animation-duration: 1s;  animation-fill-mode: both; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; animation-duration: 1s;  animation-fill-mode: both; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; animation-duration: 1s;  animation-fill-mode: both; } .popup{ backdrop-filter: blur(5px); }