Morph A Button en un formulario usando las animaciones CSS3
| Autor: | PaddiM8 |
|---|---|
| Views Total: | 261 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 28, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Un increíble concepto de interfaz de usuario que transforma un botón en un formulario HTML usando animaciones CSS3.
El objetivo de este proyecto es proporcionar una mejor experiencia de usuario durante el registro de usuarios.
Funcionamiento
Cargue la hoja de estilo NAD de JavaScript necesaria en el documento.
<link rel="stylesheet" type="text/css" href="style.css"> <script src="transition.js"></script>
Cree el código HTML para el formulario de registro.
div id="registerForm"> <form> <input type="button" id="email" class="fake-button button" value="Register" readonly="true" role="button" aria-label="register" onclick="registerClick()" /><br /> <input type="password" id="password" class="password input" aria-hidden="true" role="textbox" aria-label="password" placeholder="Password..." /><br /> <input type="button" id="submit" class="button" value="Register" aria-hidden="true" aria-label="submit" onclick="submitForm()" /> </form> </div>
