<body>
<h1>Focus Animation</h1>
<form>
<div class="input-container">
<label for="email" class="sr-only">Your email:</label>
<input type="text" id="email" placeholder="Your email..." autocomplete="off">
</div>
<div class="input-container">
<label for="password" class="sr-only">Your Password:</label>
<input type="password" id="password" placeholder="Your password...">
</div>
<div class="text-right">
<button class="button">Submit</button>
</div>
</form>
</body>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter