Biblioteca de botón web animado/interactivo-botones de desplazamiento
| Autor: | Varin6 |
|---|---|
| Views Total: | 1,185 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 9, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Hover-Buttons es una librería CSS/SCSS pura que se utiliza para crear animados, personalizables, botones de acción web interactivos con relleno fresco y transiciones de borde en el Hover.
Funcionamiento
Instálelo con NPM:
npm install
O incluya el archivo CSS principal ' hoverbuttons. css ' en la Página Web.
<link rel="stylesheet" href="hoverbuttons.css">
Agregue las clases CSS a los botones deseados & enlaces dentro del documento.
<a href="#" class="hbtn hb-fill-right-rev hpill">Reveal Right</a> <a href="#" class="hbtn hb-border-bottom2 hbor4">Fade Bottom</a> ...
Reemplace las variables predeterminadas en el SCSS:
//Border width $btnborder: 2px; //Border and fill color $btncolor: #ffffff; //Button text color $txtcolor: #ffffff; //Alternative button text color for background transitions $txtcolorfill: #000000; //Button Padding $paddingY: 8px; $paddingX: 20px;
