Generador de box-shadow CSS
Para crear una sombra CSS, ajusta el desplazamiento, el desenfoque, la extensión, el color y la opacidad, añade capas para una profundidad realista, activa inset si quieres y copia el CSS de box-shadow. La vista previa se actualiza en directo.
- Gratis
- Sin registro
- Funciona en tu navegador
Generador de box-shadow CSS: cómo se usa
- 1Escribe o pega tu texto en la herramienta.
- 2Elige las opciones que necesites.
- 3Mira cómo el resultado se actualiza al instante.
- 4Copia o descarga el resultado.
Generador de box-shadow CSS: preguntas frecuentes
¿Cómo hago una sombra suave y realista?
Apila dos o tres sombras con desenfoque creciente y baja opacidad, por ejemplo 0 1px 2px y 0 8px 24px con un 10–15 % de opacidad.
¿El box-shadow afecta al diseño?
No. Las sombras se pintan fuera de la caja y nunca desplazan otros elementos.
¿Se suben mis datos al usar la herramienta Generador de box-shadow CSS?
No. La herramienta Generador de box-shadow CSS funciona por completo en tu navegador, así que tus textos y números se quedan en tu dispositivo y funciona incluso con una conexión lenta.
¿La herramienta Generador de box-shadow CSS funciona en iPhone, Android y Mac?
Sí. La herramienta Generador de box-shadow CSS funciona en cualquier navegador moderno (Safari, Chrome, Edge o Firefox) en iPhone, iPad, móviles Android, Mac, Windows y Chromebook. No hay que instalar ninguna app.
¿La herramienta Generador de box-shadow CSS es gratis?
Sí. La herramienta Generador de box-shadow CSS es gratis, sin registro, sin marca de agua y sin límite diario.