beandnam
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <nav> | |
| <ul class="menu"> | |
| <li><a href="#!">Home</a></li> | |
| <li><a href="#!">About</a></li> | |
| <li><a href="#!">Contact</a></li> | |
| <li><a href="#!">Faq</a></li> | |
| </ul> | |
| </nav> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="back"></div> | |
| <nav> | |
| <a href="#">About</a> | |
| <a href="#">Works</a> | |
| <a href="#">Partners</a> | |
| <a href="#">Price</a> | |
| <a href="#">Contacts</a> | |
| </nav> | |
| <!-- Unsplash copyright --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <h1>Lavalamp CSS Menu</h1> | |
| <nav> | |
| <a href="#">Home</a> | |
| <a href="#">About</a> | |
| <a href="#">Blog</a> | |
| <a href="#">Portefolio</a> | |
| <a href="#">Contact</a> | |
| <div class="animation start-home"></div> | |
| </nav> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="basr-social-share social"> | |
| <ul class=""> | |
| <li> | |
| <a class="facebook" href=""> | |
| <i class="fa fa-facebook"></i> | |
| <span>Facebook</span> | |
| </a> | |
| </li> | |
| <li> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="form-structor"> | |
| <div class="signup"> | |
| <h2 class="form-title" id="signup"><span>or</span>Sign up</h2> | |
| <div class="form-holder"> | |
| <input type="text" class="input" placeholder="Name" /> | |
| <input type="email" class="input" placeholder="Email" /> | |
| <input type="password" class="input" placeholder="Password" /> | |
| </div> | |
| <button class="submit-btn">Sign up</button> | |
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="overlay"> | |
| <!-- LOGN IN FORM by Omar Dsoky --> | |
| <form> | |
| <!-- con = Container for items in the form--> | |
| <div class="con"> | |
| <!-- Start header Content --> | |
| <header class="head-form"> | |
| <h2>Log In</h2> | |
| <!-- A welcome message or an explanation of the login form --> | |
| <p>login here using your username and password</p> |
Registration form with pure CSS animations. Idea by Gal Shir.
A Pen by Maxim Konoval on CodePen.
beandnam
/ css-only-accessible-floating-labels-advanced-version.markdown
Created
October 31, 2018 02:44
CSS-Only Accessible Floating Labels Advanced Version
A Pen by Pablo Eugenio Lujambio Martinez on CodePen.