CSS Box-Shadow Generator - Paso a Paso
El CSS Box-Shadow Generator funciona en tres pasos: abrir la herramienta, arrastrar los controles, y copiar el resultado. Esta página detalla lo que hace cada paso.
Paso 1 - abre la herramienta
Ve al CSS Box-Shadow Generator. El cuadro de vista previa y una sombra inicial aparecen de inmediato - no necesitas instalar ni iniciar sesión antes.
Paso 2 - da forma a la sombra
Arrastra el desplazamiento horizontal y vertical para mover la sombra, el radio de desenfoque para suavizar su borde, y el radio de propagación para agrandarla o reducirla. Elige un color y una opacidad para la sombra, y marca Inset si quieres una sombra interna en vez de proyectada. La vista previa se actualiza con cada cambio.
Paso 3 - copia el resultado
Haz clic en Copy CSS para copiar la línea box-shadow generada al portapapeles, o selecciona el texto del cuadro de salida manualmente. Todo ocurre en la pestaña de tu navegador; no se envía nada.
Why trust these tools
- Ten-plus years of web tooling. The freetoolonline editorial team has shipped browser-based utilities since 2015. The goal has never changed: get you to a working output fast, without an install.
- No install, no sign-up. Open a tool and get a working output in seconds - nothing to download and no account to create. Tools that need heavy processing run it on our service, so even a low-powered machine gets the job done.
- Analytics stops at the page view. We measure which pages get visited, not what you type or upload inside a tool. There is nothing to sign in to and no profile is attached to your input.
- Open-source core components. The processing engines underneath (libheif, libde265, pdf-lib, terser, clean-css, ffmpeg.wasm, and others) are public and audit-able. We link to each one in its tool page's footer.
- Free, with or without ads. All tools are fully functional without sign-up. The Disable Ads button in the header is always available if you need a distraction-free run.