@keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; transform: translateY(-10px); } } .fade-in { animation: fadeIn 0.5s ease-in-out; } .fade-out { animation: fadeOut 0.5s ease-in-out; }