CSS Box-Shadow Generator - Passo a Passo
O CSS Box-Shadow Generator funciona em três passos: abrir a ferramenta, arrastar os controles, depois copiar o resultado. Esta página detalha o que cada passo faz.
Passo 1 - abra a ferramenta
Acesse o CSS Box-Shadow Generator. A caixa de pré-visualização e uma sombra inicial aparecem imediatamente - nada precisa ser instalado ou logado antes.
Passo 2 - molde a sombra
Arraste o deslocamento horizontal e vertical para mover a sombra, o raio de desfoque para suavizar sua borda, e o raio de espalhamento para aumentar ou diminuir seu tamanho. Escolha uma cor e opacidade para a sombra, e marque Inset se quiser uma sombra interna em vez de projetada. A pré-visualização atualiza a cada mudança.
Passo 3 - copie o resultado
Clique em Copy CSS para copiar a linha box-shadow gerada para a área de transferência, ou selecione o texto na caixa de saída manualmente. Tudo acontece na aba do seu navegador; nada é enviado.
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.