Initializing, please wait a moment
CSS Box-Shadow Generator - Cuándo Usar
Usa el CSS Box-Shadow Generator cuando quieras una sombra proyectada o una sombra interna (inset) en una tarjeta, botón o panel y prefieras arrastrar controles deslizantes en vez de adivinar valores en píxeles. Esta página explica cuándo encaja y cuándo encaja mejor otra herramienta.
Cuándo encaja
Estás dando estilo a un solo elemento - una tarjeta, botón, modal o marco de imagen - y quieres ver la sombra cambiar en tiempo real al ajustar desplazamiento, desenfoque, propagación, color y opacidad, y luego copiar una línea box-shadow a tu hoja de estilos.
Cuándo no encaja
Si necesitas un fondo en gradiente multicolor con prefijos de navegador en lugar de una sombra, usa el CSS Gradient Generator - es una propiedad CSS distinta, hecha para un efecto visual distinto.
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.