<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