Un set de 51 estilos de botones CSS – Maravillosos Beautiful
Dennys Jose M.
Software Developer | Senior Front-End (JavaScript ES6, React, Next, Redux, Angular, Node) | Jr CyberSecurity (Owasp, Ethical Hacking)
Les traigo un set de 51 botones totalmente gratis y libres para DESCARGAR y ser integrado en su sitio web, con estilos en 3D y planos, son botones muy variados y de todo tipo, para que los sumen a sus librerías de recursos.
Que los disfruten a lo Máximo.
Ver y Descarga todo en un único archivo desde este Link: https://goo.gl/MSNOMD
Rotación de botones de icono CSS Fragmento
Un fragmento de código desarrollado por Cole Waldrip que cuenta con botones de icono CSS que giran 90 grados a la derecha y haga sonar un poco a medida que pasa sobre cada uno de ellos.
Deslice para abrir CSS y jQuery Toggle Button
Un botón de activación fresco que se puede añadir a un sitio web o una aplicación móvil. Se utiliza tanto CSS y jQuery para lograr este propósito, y el código es muy ligero, por lo que es fácil de agregar al sitio.
SVG y CSS JavaScript Goo Animación
Una animación SVG sustancia viscosa hecho en CSS y JavaScript. Consiste en un simple botón que se escapa cuando se hace clic. Puede ser utilizado como parte de un sitio web o una aplicación móvil, en un juego.
Un par de botones hecho en CSS, uno para Upvoting y el otro para downvoting. Al hacer clic, los botones muestran un efecto de onda y cambian de color. El código es ligero y listo para aplicar. Esta pluma fue creado por el usuario Valeriya.
CSS y JS animado botón Descargar
Una hermosa animación descarga colocado dentro de un plano y CSS botón de JavaScript. Se muestra una flecha y un subrayado que cuando se hace clic se convierte en una barra de carga. Cuando se realiza la carga, una marca de verificación indica éxito.
Este sencillo experimento de código CSS muestra un conjunto de botones de radio en un estilo Material y uno de ellos se selecciona. Sólo se utiliza un pequeño trozo de CSS y HTML para entregar una buena animación. Colores e incluso la forma de los botones de radio pueden ser alterados para que coincida con el estilo de su sitio web.
Un botón muy atractiva CSS que sirve a los fines de enviar o presentar acciones. Se convierte en una barra de carga una vez que haga clic en él, y cuando termina se convierte en un botón de éxito.
Un CSS interactivo y fragmento de código JavaScript que muestra un botón de descarga con el progreso de la descarga y descargar efectos de éxito utilizando SVG. Que fue codificado por Chris Gannon.
Un conjunto de botones hechos en puro CSS. Son planos, pero el efecto de volteo que tienen les hace parecer como si fueran 3D. El código, creado por Josh Shor es muy simple, no ocupa mucho espacio y es fácil de modificar. Utilizar esto para proyectos personales y de cliente.
CSS puro on-activable botón Atom
Un efecto botón fresco hecho en puro CSS se asemeja a un átomo cuando se cernía sobre. El botón se puede implementar fácilmente, utilizando sólo unas pocas líneas de CSS. Añadir un enlace simple al div y tiene un botón funcional para su sitio o aplicación.
Este fragmento de código HTML útil utiliza junto con puro CSS para crear un botón de acción animada. El elemento emergente y haga clic en las animaciones pueden ser editadas usando el parámetro 'transformar' en el CSS, así como el icono del corazón y el texto vuelo estacionario.
Estos son un conjunto de botones sociales preciosas hechas en CSS con una apariencia de diseño de materiales. Cuando se cernía sobre, que muestran el efecto, perfecto para los últimos tipos de sitios web, y los botones incluidos son para Facebook, Twitter, Google, Dribbble y Skype, aunque se puede añadir cualquier red social, ya que utiliza iconos FontAwesome.
Un simple botón hecho en CSS para un icono del menú. Se animó, por lo que cuando se hace clic en él se convertirá en una notificación. Tiene colores pastel sin embargo, se puede modificar fácilmente. Este experimento código es fácil de implementar y fue desarrollado por Gerta Xhepi.
Google CSS Inspirado botón de acción flotante
Un botón hecho en CSS que activa un menú sencillo al hacer clic. Puede ser utilizado como un menú en una aplicación móvil o un sitio web, es ligero y fácil de implementar.
CSS-sólo el diseño de materiales Botones
Un conjunto de botones de diseño de material de animación realizados en CSS, incluidos los efectos cuando el usuario pulsa y elementos emergentes Los elementos. Estos botones se pueden implementar fácilmente en cualquier sitio web y se puede modificar el código a voluntad. Este fragmento es libre y que fue hecha por Jon Brennecke.
Bttns.css: Un Generador Botones CSS online super genial
Una herramienta web que muestra varios botones en diferentes estilos y formas. Sólo tienes que seleccionar el color y los tamaños predefinidos, y después de eso, se puede copiar el código y utilizarlo en cualquier lugar.
Un botón de eliminación simple hecho de CSS y JavaScript. La animación es muy fluida, y se compone de tres etapas, eliminar, la confirmación y el éxito, todo ello en el mismo botón.
Este efecto una animación CSS para cierne sobre las imágenes. Viene con cuatro opciones diferentes para el contenido que se muestra en vuelo estacionario. Es personalizable y fácil de vista previa y copia para su uso en otros sitios.
Un botón basada totalmente CSS con una animación suave presión cuando se hace clic. Con un diseño plano con estilo, este botón es una opción ideal para cualquier sitio.
Un botón glowy hecho en puro CSS y SVG filtrado, se carga rápida y se puede utilizar para decorar un área específica para proporcionar atención a ella. También utiliza fotogramas clave, y es de peso ligero, por lo que es fácil de implementar. Puede cambiar su estilo y forma fácilmente.
CSS y JS Activar botones de navegación
Un experimento de código con iconos SVG para la navegación web. Se compone de botones hechos con CSS y JavaScript que cambian de color cuando se selecciona. Además, se ha Material de transiciones para que se vea dinámico.
Un círculo fresco perfil enmarcado botón / insignia desarrollado en CSS puro, que cuenta con una buena animación como se pasa sobre ella, se contrae radialmente haciendo que parezca un objetivo apuntar.
Animaciones CSS botón Descargar
Todo un botón elegante css que cuenta con una bonita animación para los propósitos tales como descargar, cargar, o cualquier acción relacionada con el proceso. Se extiende en una forma de carga del palo, y muestra una gruesa, ya que acaba.
Un conjunto de 5 botones diferentes SCSS bien en forma diseñados que levantan un poco cuando se pasa sobre ellos. Encontrará diamante, cinta, flecha, redondeado, y escarpadas formas.
CSS Efecto 3D en Botones Presionables
práctico conjunto de botones estilo 3D inyectada en puro CSS
CSS Expansibles botones compartir
Un botón CSS muy atractivo para los propósitos de intercambio de medios de comunicación social que ofrece un efecto suave ampliar convertirse en un recipiente con una lista de opciones para compartir.
CSS Botones Hand-drawn Elegantes estilos
Un sorprendente conjunto de botones CSS que tienen un estilo elegante a mano con bordes punteados y una sombra que se contrae a medida que pasa sobre ellos, dándoles una sensación agradable.
Un botón hermoso, animado hecho en CSS que una vez que hace clic en él, se transforma en una barra de carga, y luego en un botón de confirmación. Tiene un estilo de material, y no requiere de mucho tiempo para integrar en su sitio web. Creado por Bhakti Al Akbar Pasaribu.
Materiales para diseño animación CSS y jQuery Button
Un simple botón de animación hecho en CSS y JavaScript con un estilo de material. Lo primero que verá es un simple botón con un signo más de que, cuando se hace clic, se muestra el modal con animaciones fresco. Este fragmento de código es libre de usar y modificar, y que fue creado por XavaSoft.
Flotar Expandir Botón de búsqueda / bar
Un botón ampliable atractiva y útil que se convierte en una barra de búsqueda a medida que pasa el ratón sobre ella permanecer fija en su lado derecho y en expansión hacia la izquierda.
CSS animado Botones Sociales deslizantes
Un buen par de botones sociales para las dos redes más comunes: Twitter y Facebook. Pase el ratón sobre cualquiera de los dos para ver un "me gusta" o "tuit" opción animado desde el fondo de los diseños. Codificada por Gonzalo Fuentes, basado en un tiro Dribbble original a partir de Caleb Andrews.
Icono simple CSS efectos Hover
Un fragmento de CSS para crear efectos de activación, con clase limpias para sus iconos usando transiciones CSS y animaciones. Los resultados son bastante diferentes entre sí, incluyendo luces, animaciones de diapositivas en todas las direcciones, rotaciones, fundidos y mucho más.
Blandos y sombreados CSS Botones
Un buen dúo de dos botones CSS que integra una animación impresionante y exprimir similar al pulsar cada uno de los botones. Esta bonita creación fue hecha a mano en puro CSS.
CSS botones Call-to-action
Un conjunto de botones de llamada a la acción realizados en el CSS de estilo con animaciones que hacen parecer increíble. Las animaciones se ejecutan a lo largo de la frontera, y que incluyen diferentes colores para que usted pueda elegir el que más le guste. Fueron hechos por Reiha Hosseini.
CSS botones coloridos y alegres
Un conjunto de botones de colores maravillosamente animados, estilo con CSS. El resultado aquí es increíblemente atractiva, dada la suavidad del movimiento realizado por los botones cuando se hace clic en ellos, proyectando una ilusión de suavidad real. El diseño está envuelto por efectos de sombra igualmente lisas.
Un fragmento de código en el CSS hizo mostrando tres botones con los estados y las transiciones de la libración. Se trata de una creación ligero que puede ser implementada en cualquier proyecto web o aplicación móvil. Fue creado por Galen Strasen.
Un conjunto de fuentes icono que también vienen con un tutorial para la enseñanza de cómo sacar el máximo partido de las fuentes de iconos, que son una forma increíble para garantizar alta calidad de visualización en las pantallas de retina. Aparte de utilizar el tipo de letra, el autor aplica un efecto maravilloso vuelo estacionario al conjunto.
Un fantástico bar destinado a proporcionar enlaces para redes sociales a través de la mecánica elegantes Suspendido en el aire. Cuando se mueve el cursor sobre él, el botón se abre, revelando cuatro enlaces a servicios sociales diferentes. Se hace uso de algunas propiedades CSS como las sombras de la caja, transiciones y transformaciones.
Botón CSS compartir en redes sociales con Tooltip
Un hermoso concepto para los botones sociales para compartir creados en CSS puro. La idea es mostrar un conjunto de colores de los iconos que representan a una red particular y luego mostrar una bonita animación con un efecto de transparencia cada vez que el usuario se desplaza sobre el diseño. El nombre de la página web también se puede ver en el texto con la animación vuelo estacionario.
Panel Sinograph: CSS UI Concept
Un concepto de interfaz de usuario hermoso incluyendo sorprendentes botones con estados bien diseñados. También es posible añadir cuadros de texto en la mezcla. El estado activo de los botones (que puede tener la funcionalidad de conmutación) es muy atractivo, con un efecto de neón similar. Subido a CodePen por López Hugo.
Un fantástico conjunto de doce diferentes cartas invertidas, cada uno que liga al usuario a una red social diferente (incluyendo Twitter, Facebook, Google, Dribbble y muchos más). Ellos son visualmente muy atractiva, con animaciones suaves libración que revelan las versiones a todo color de los iconos. Subido a CodePen por Charlotte Dann.
Interruptor CSS y JavaScript Luz Doble
Una versión funcional de un tiro Dribbble creado por MVBen que consiste en un par de interruptores que gradúan la iluminación del lienzo donde son ubicados. Se realiza principalmente con CSS para retratar una mirada realista, e implementa la JS y HTML de una manera fácil.
CSS3 animados iconos Social Media
Un buen conjunto de botones sociales animados por cuatro diferentes alternativas sociales: Facebook, Twitter, Google + y canales RSS. Inicialmente, vienen en un aspecto gris oscuro, pero cuando se cierne sobre los iconos, un carro se desplaza hacia abajo, dejando al descubierto los logotipos a todo color. Se fue subido a CSSDeck por Emilios M.
Colección de CSS Botones Muy Cool
Una gran colección de botones que vienen en cuatro categorías principales: Gradiente, brillante, plano-estilo y 3D. Cada uno contiene múltiples tamaños y seis colores diferentes, proporcionando una selección extremadamente versátil que seguro que encajan en básicamente cualquier diseño. Todo el crédito para este proyecto va a CodePen de Felipe Marcos.
CSS 3D Facebook Concepto Botón
Un botón se crea en 3D utilizando la propiedad Webkit perspectiva (que sólo funciona en los navegadores WebKit, por supuesto). A continuación, utiliza la propiedad de transición para activar la animación de transformación cuando se asoma el botón, lo que revela el número de aficionados (que puede ser sustituido por cualquier otro tipo de información).
Un conjunto de botones estilo inyectada en 3D con un aspecto diferente para cada estado (inactivo, flotar y hacer clic). Haga clic en los botones para verlos aprietan hacia abajo a su base y se ciernen para conseguir un efecto de sombra sutil. Vienen en ocho colores diferentes, lo que garantiza que pueda encontrar el más adecuado para su proyecto web.
CSS Botones etiquetas iOS-Like
Un proyecto fresco que le permite añadir etiquetas IOS-como en sus diseños. Es posible conseguir los botones siguiente y anterior, también gracias a una línea muy simple de código. Los elementos se ajustan automáticamente a la longitud del texto se incluye en ellos, apretando y ampliando en consecuencia.
CSS Estados Botones Brillantes
James Nowland nos trae este impresionante conjunto de botones oscuros con un efecto brillante azul que marca la opción seleccionada en ese momento. Funcionan como botones de radio, permitiendo sólo una selección a estar activo a la vez. Los elementos se pueden reducirse o aumentarse a voluntad. Sobre la base de un tiro Dribbble por JustD.
CSS Extravagantes, Presionable botón 3D
Un botón plano que ha sido diseñada utilizando sólo CSS sombras, hasta el punto en que ahora tiene una apariencia 3D. La sombra se aplica en el botón para darle una dimensión mientras que el fondo tiene un efecto más típico. Cuando se hace clic en el botón, animaciones proporcionan una suave ilusión "empuje".
CSS Botón Plano Navegación Social Media
Una navegación vertical simple basado en iconos de redes sociales, destinado a ayudar a promocionar otras formas de comunicación con sus usuarios. Por completo de estilo con CSS, que permite una fácil personalización con el fin de ajustarlo al diseño de su sitio web. Codificado por Marco Biedermann, inspirado en un tiro de Dribbble Zach Roszczewski.
CSS material de diseño múltiples botones
Un botón puro CSS multi funcional que aparece un botón de una casilla de verificación. Utiliza activadores de eventos, y toda la cosa tiene un estilo de material. Funciona en la mayoría de los nuevos navegadores, pero que se ve mejor en Chrome. Este código es libre de utilizar para proyectos personales y comerciales.
Simples botones coloridos CSS3 Sociales
Vincular a los usuarios a sus perfiles de redes sociales con este conjunto atractivo de botones para seis diferentes sitios web como Facebook, Twitter, Dribbble y más. Están decoradas con CSS puro y cuentan con una sencilla pero efecto de animación clic. Subido a CSSDeck por Rishabh.
Un par de botones con un diseño muy interesante que combina elementos clásicos con el aspecto moderno de una interfaz digital. Señalar con el puntero del ratón sobre cualquiera de los botones y una luz se activará en la esquina superior derecha. Haga clic en los elementos para ver los botones se hunden ligeramente junto con la luz. Codificado por Bobby de CodePen.
Botón de menú radial Widget Social
Un botón de menú que ofrece conexiones sociales con un efecto despliegue radial suave desde una hamburguesa icono, iconos sociales redondas.
Estudiante Ingeniería de Software/ Backend Java
2 añosGran aporte! Estuve usando uno de tus codigos y me di cuenta que solo funcionan en el idioma ingles del navegador, aun asi los efectos son increibles.