In Login — Fade

<div class="login-container"> <div class="login-card"> <h1>Welcome Back</h1> <input type="text" placeholder="Email" class="fade-field"> <input type="password" placeholder="Password" class="fade-field"> <button class="fade-field">Sign In</button> </div> </div>

/* 1. Define the Keyframes animation */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); /* Start 20px lower */ } to { opacity: 1; transform: translateY(0); /* End at normal position */ } } fade in login