Saltar al contenido

🌫 Generador box-shadow CSS

Edita box-shadow con sliders. Apila varias sombras y copia el CSS.

✅ 100% gratis · sin registro · nada se envia al servidor

🔒 Sobre la privacidad

Capas de sombra

Preajustes

📖 Cómo usar

  1. 1
    Ajusta los sliders
    Ajusta offsets x e y, blur, spread, color e inset.
  2. 2
    Apila varias capas
    Anade varias sombras para estilos Material o Neumorphism.
  3. 3
    Copia el CSS
    Copia la propiedad box-shadow generada.

❓ Preguntas frecuentes

¿Se envian mis datos al servidor?
No. Todo se ejecuta en tu navegador.
¿Que es inset?
Con inset, la sombra se dibuja dentro del elemento.
¿Cuantas sombras se pueden apilar?
Sin limite, pero 5 o menos es practico.

🔗 Herramientas relacionadas