es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Crear divertidos botones de radio animados con Radiobox.css

Los botones de radio HTML5 predeterminados son bastante aburridos. Hay formas de personalizarlos con CSS3, pero la mayoría de las técnicas se centran solo en el aspecto .

Radiobox.css se enfoca en apariencia y estilo agregando animaciones CSS3 personalizadas a las entradas de radio.

Esta biblioteca es totalmente gratuita y de código abierto, disponible en GitHub para descargar. Con esta biblioteca de CSS, puede elegir entre más de 12 animaciones diferentes que se aplican a los botones de opción.

Sin estilos CSS personalizados, todavía se verán como entradas de radio normales . Pero cuando el usuario hace clic para seleccionar un botón obtendrá un efecto de animación loco . Puede ver ejemplos en vivo en la página principal de Radiobox que muestra cada estilo al lado de su nombre.

Puede instalar Radiobox directamente desde npm o bower, o incluso descargar los archivos localmente en su máquina. GitHub aloja todos sus archivos en un CDN si quieres jugar sin descargar nada.

El único archivo que necesita es radiobox.min.css que debe ir directamente a su encabezado de documento . A partir de ahí, solo agrega una clase simple a cada botón de opción, según la animación que desee.

Aquí hay un fragmento de código para el efecto "boing":

Tenga en cuenta que la animación "boing" tiene su propio archivo CSS llamado boing.min.css . Esto debe incluirse si planea usar ese efecto en la página.

Cuando descargue Radiobox, debe obtener un directorio de demostración con demostraciones en vivo para todos estos efectos . Simplemente puede copiar / pegar el código directamente en su página para que funcione sin problemas.

Para obtener la documentación completa, consulte el repositorio principal junto con el sitio de demostración en vivo . Si desea ponerse en contacto con los creadores, puede enviar un correo electrónico desde el sitio web de 720kb o mediante un mensaje a través de Twitter @ 720kb_ .

Más de 60 sitios web para comprar regalos geek que debes saber

Más de 60 sitios web para comprar regalos geek que debes saber

Las tiendas en línea como Amazon son el mejor lugar para encontrar grandes regalos para sus seres queridos. Sin embargo, si tu amigo es un friki de corazón, entonces quizás te interese obtener algo único. Y para ese regalo único, deberías irrumpir en algunas tiendas en línea geek. Ya sea que desee comprar cosas geek para usted o regalarlo a su amigo genio, hay muchas tiendas geek en línea que pueden complacerte.Desde o

(Consejos de tecnología y diseño)

10 consejos para convertir tu libro electrónico en un libro impreso

10 consejos para convertir tu libro electrónico en un libro impreso

Se necesitan muchos ajustes para que sus diseños de libros electrónicos se vean bien. Desde la portada hasta el texto dentro de las páginas interiores, desea que todo se vea perfecto en el espacio digital. ¿Pero también considera cómo se verá su libro electrónico cuando se imprima? Los libros digitales se están volviendo cada vez más comunes, pero las publicaciones impresas siguen siendo la norma. Aunque s

(Consejos de tecnología y diseño)