Generador CSS de Neumorfismo

Diseña elementos de soft-UI con sombras dobles internas/externas. Ajusta el color base, el desenfoque y la profundidad — luego copia el CSS directamente en tu proyecto.

Color base

Tamaño del elemento (px) 150

Radio del borde (px) 20

Desenfoque 20

Distancia 10

Intensidad 0.15

Forma

CSS generado

Se ejecuta completamente en tu navegador. No se sube nada.

Cómo funciona

STEP 1

Elige la configuración

Selecciona un color base y ajusta los controles deslizantes de desenfoque, distancia e intensidad.

STEP 2

Previsualiza el resultado

Observa cómo el elemento neumórfico se actualiza en tiempo real al cambiar los controles.

STEP 3

Copia el CSS

Haz clic en «Copiar CSS» y pega la regla box-shadow directamente en tu hoja de estilos.