Creación de botones hexagonales con Pure CSS/CSS3
| Autor: | shariarbd |
|---|---|
| Views Total: | 6,260 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 17, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Una solución Cool de CSS/CSS3 para crear elegantes botones hexagonales en múltiples tamaños, construidos solo con la transformación y transiciones CSS3. Hay cuatro tamaños diferentes de botones y también efectos de giro y Hover.
Funcionamiento
Incluya los hexágonos. CSS requeridos en la sección Head de la Página Web.
<link rel="stylesheet" href="assets/css/hexagons.min.css">
Agregue las clases CSS apropiadas a un elemento para crear un botón hexagonal.
<a href="#"> <span class="hb hb-xs"> <i class="fa fa-facebook"></i> </span> </a>
Eso es todo. También puede incluir la biblioteca de jQuery y el hexágonos. js para que los botones hexagonales sean más flexibles.
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script> <script src="path/to/hexagons.min.js"></script>
Los ayudantes CSS.
hb: Hexagon Buttons hb-custom: Custom Hexagon Buttons hb-lg: Large Hexagon, 256px hb-md: Medium Hexagon, 128px hb-sm: Small Hexagon, 64px hb-xs: Extra Small Hexagon, 32px spin: Spin hole button on hover spin-icon: Spin icon on hover inv: Inverse Behaver of buttons
