Login
- Source
- Uiverse ↗
- Author
- glisovic01
- Licence
- MIT
Loading…
Code
<div class="login-box">
<p>Login</p>
<form>
<div class="user-box">
<input required="" name="" type="text">
<label>Email</label>
</div>
<div class="user-box">
<input required="" name="" type="password">
<label>Password</label>
</div>
<a href="#">
<span></span>
<span></span>
<span></span>
<span></span>
Submit
</a>
</form>
<p>Don't have an account? <a href="" class="a2">Sign up!</a></p>
</div>Prompt
Build "Login", a input animation. Write it as plain HTML and CSS: one container element and a stylesheet, no JavaScript unless it is essential. Technique: CSS keyframes. It sits on a dark background, in a 16:10 frame. Respect prefers-reduced-motion with a still state, pause work when the element is off screen, and keep it accessible. Original: https://uiverse.io/glisovic01/stale-chipmunk-33 (glisovic01, MIT).