Crear medallas planas con cintas usando Pure CSS/SCSS-Badgerly
| Autor: | stevenmhunt |
|---|---|
| Views Total: | 2,151 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 30, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Una librería CSS/SCSS pura utilizada para crear insignias/medallas de estilo plano con cintas en la Página Web. Sin JavaScript.
Funcionamiento
Cargue el archivo de hoja de estilo de núcleo badgerly. CSS en la sección head del documento.
<link rel="stylesheet" href="badgerly.css">
Cargue el Font awesome 4 Si desea mostrar iconos personalizados en el medio de las medallas.
<link rel="stylesheet" href="font-awesome.min.css">
La estructura básica de HTML para crear una medalla.
<div class="badge Grande"> <div class="ribbon Rojo"> </div> <div class="circle Plata border"> <i class="fa fa-star"></i> </div> </div>
Colores:
- Oro
- Plata
- Bronce
Tamaños:
- Pequeño
- Pequeño
- Medio
- Grande
- Enorme
Patrones de cinta:
- Rojo
- Naranja
- Amarillo
- Verde
- Azul
- Púrpura
- Rosa
- Negro
- Arco iris
Banderas de país:
- E.e.u.u
- Países Bajos
- México
- Hungría
- Francia
- Canadá
- Italia
- Rusia
- Alemania
