← Nahum Vault · Piezas GRATIS · CSS PURO

24 botones en CSS puro para copiar.

Del botón sólido de siempre al neón, el 3D y el brutalista, con estados de hover, foco accesible, deshabilitado y cargando. Un solo archivo CSS sin dependencias: cambias una variable y toman tu color.

estilos
24
archivo CSS
1
dependencias
0
Botones CSS

Pruébalo aquí.

Todo lo que ves está en la descarga.

01 · Sólido
02 · Contorno
03 · Fantasma
04 · Suave
05 · Degradado
06 · Píldora
07 · 3D
08 · Neumórfico
09 · Vidrio
10 · Neón
11 · Brutalista
13 · Con ícono
14 · Solo ícono
15 · Cargando
16 · Dividido
17 · Neutro con ícono
18 · Peligro
19 · Éxito
20 · Tamaños
21 · Borde animado
22 · Destello
23 · Relleno deslizante
24 · Segmentado
Cómo usarlo

En tres pasos.

Uso personal y comercial permitido. Lo único que no se permite es revender o redistribuir los archivos como un pack propio.

  1. Copia botones.css a tu proyecto (o descárgalo en el ZIP).
  2. Agrega la clase base nbtn y la del estilo, por ejemplo nbtn nbtn-gradient.
  3. Cambia el color con --nbtn-color en tu CSS.
<link rel="stylesheet" href="botones.css">
<button class="nbtn nbtn-gradient">Empezar</button>

.nbtn { --nbtn-color: #0f766e; }