Botones del conmutador CSS Pure de iOS Style-iOS Switcher
| Autor: | oturra |
|---|---|
| Views Total: | 5,831 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 13, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
iOS Switcher utiliza estilos de cuadrícula bootstrap y HTML/CSS para crear interruptores de estilo iOS suaves con efecto pegajoso.
Funcionamiento
Añade la hoja de estilos de bootstrap y el switcher. CSS a tu página HTML.
<link rel="stylesheet" href="bootstrap.min.css"> <link rel="stylesheet" href="dist/css/switcher.css">
Cree un conmutador grande desde la casilla de verificación normal y los elementos de etiqueta como este:
<div class="form-switcher form-switcher-lg form-switcher-sm-phone"> <input type="checkbox" name="switcher-lg" id="switcher-lg"> <label class="switcher" for="switcher-lg"></label> </div>
Modificadores de CSS.
- Form-Switcher-LG: gran
- Form-switches-SM: pequeño
- Form-Switcher-LG-Tablet: gran tamaño en la tableta
- Form-Switcher-MD-Tablet: tamaño mediano en tableta
- Form-Switcher-SM-Tablet: tamaño pequeño en la tableta
