Sombra de caixa
Crie efeitos CSS box-shadow visualmente. Ajuste offsets, blur e spread com controles deslizantes e copie o codigo CSS gerado.
Principais recursos
- Controles intuitivos de deslocamento horizontal e vertical
- Controles deslizantes de raio de desfoque e expansão
- Suporte a sombras internas (inset) e externas
- Copie o código CSS completo com toda a formatação necessária
Guide
O gerador de box shadow do WebRecast oferece controles visuais para cada parametro. Deslize offsets horizontal e vertical, ajuste blur e spread, escolha cor e opacidade, e alterne entre sombras externas e inset. O resultado atualiza ao vivo. Para cards, use sombra sutil com 10-20px de blur, spread baixo e preto semi-transparente. Para botoes, sombra menor com 4-8px de blur. A ferramenta roda no navegador.
Perguntas frequentes
Posso sobrepor várias sombras?
Sim! Permite definir várias camadas de sombra e as formataremos como uma única string CSS.
Também funciona para text-shadow?
Esta ferramenta foca em box-shadow. Você pode aplicar valores semelhantes ao text-shadow no seu CSS.
