Hermosa casilla de verificación y reemplazo de botón de radio con CSS puro-magia-comprobar

Tiempo de ejecución: 30 minutos. Empezar

Autor: forsigner
Views Total: 12,936
Sitio oficial: Ir a la web
Actualizado: February 17, 2016
Licencia: MIT

Vista prévia

Hermosa casilla de verificación y reemplazo de botón de radio con CSS puro-magia-comprobar

Descripción

Magic-check es una biblioteca CSS muy pequeña que se utiliza para reemplazar las casillas de verificación y botones de radio por defecto.

Funcionamiento

Todo lo que necesita es incluir la hoja de estilo Magic-check. CSS en la sección Head de su página HTML.

<link href="css/magic-check.css" rel="stylesheet">

Cree una casilla de verificación.

<input class="magic-checkbox" type="checkbox" name="layout" id="1" value="option">
<label for="1"></label>
<label class="text" for="1">

Checkbox
</label>

Cree un botón de radio.

<input class="magic-radio" type="radio" name="radio" id="2" value="option">
<label for="2">

Radio button
</label>

Te puede interesar: