01 · Sólido
← 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.
02 · Contorno
03 · Fantasma
04 · Suave
05 · Degradado
06 · Píldora
07 · 3D
08 · Neumórfico
09 · Vidrio
10 · Neón
11 · Brutalista
12 · Enlace subrayado
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.
- Copia
botones.cssa tu proyecto (o descárgalo en el ZIP). - Agrega la clase base
nbtny la del estilo, por ejemplonbtn nbtn-gradient. - Cambia el color con
--nbtn-coloren tu CSS.
<link rel="stylesheet" href="botones.css">
<button class="nbtn nbtn-gradient">Empezar</button>
.nbtn { --nbtn-color: #0f766e; }