# Gerador CSS de sombras coloridas

> Mostra uma sombra de caixa CSS e copia o código.

[Open tool](https://www.toolcabana.com/pt-br/box-shadow) · [Desenvolvimento e dados](https://www.toolcabana.com/pt-br/category/developer-and-data)

Tool ID: box-shadow. Requested language: pt-BR. Description language: pt-BR. Complete guide translation: yes.

## Overview (en)

Color CSS shadow generator builds a box-shadow declaration from horizontal and vertical offsets, blur, spread, a shadow color and an opacity from 0 to 1, with an optional inset shadow. It shows a live preview card and outputs a ready-to-copy CSS line that writes the color as rgba.

## Supported tasks (pt-BR)

Mostra uma sombra de caixa CSS e copia o código.

## Steps (pt-BR)

1. Ajuste os valores; um resultado inicial é calculado a partir dos padrões.
2. Altere as configurações básicas ou abra o modo avançado para refinar o resultado.
3. Revise e copie ou baixe seu resultado. Pause os resultados ao vivo para executar manualmente. Fontes ou configurações individuais acima de 20,000 caracteres exigem uma execução explícita.

## Settings

- Deslocamento horizontal (px) (pt-BR; key: x; type: number)
- Deslocamento vertical (px) (pt-BR; key: y; type: number)
- Desfoque (px) (pt-BR; key: blur; type: number); minimum: 0; maximum: 200
- Extensão (px) (pt-BR; key: spread; type: number)
- Cor da sombra (pt-BR; key: color; type: color)
- Opacidade (pt-BR; key: opacity; type: range); minimum: 0; maximum: 1
- Interna (pt-BR; key: inset; type: checkbox)

## Limitations (pt-BR)

Use números finitos, datas válidas e os intervalos mostrados por cada controle. Valores inválidos produzem um erro sem resultado baixável.

## Example input

```text
Hello ToolCabana
```

## Privacy and connections (pt-BR)

Esta operação processa sua fonte no seu navegador. Copiar e baixar são ações explícitas; a entrada de origem não é salva em conta nem em histórico.

## Questions (pt-BR)

### How do I make an inset box shadow in CSS?

Turn on the Inset option. The generated declaration then starts with the inset keyword, and the preview card shows the shadow inside its edges instead of outside.

### How do I set the transparency of a CSS shadow?

Use the Opacity slider, from 0 to 1 in steps of 0.01. The chosen color is converted to rgba with that alpha value, so the default of 0.15 gives a soft shadow.

### What is the maximum blur for the shadow generator?

Blur accepts whole pixel values from 0 to 200. The horizontal and vertical offsets and spread can be negative, which moves or shrinks the shadow.

### Onde minha entrada é processada?

Esta operação processa sua fonte no seu navegador. Copiar e baixar são ações explícitas; a entrada de origem não é salva em conta nem em histórico.

### Quais são os limites de entrada?

Use números finitos, datas válidas e os intervalos mostrados por cada controle. Valores inválidos produzem um erro sem resultado baixável.

## Related tools

- [Certificate decoder](https://www.toolcabana.com/pt-br/certificate-decoder)
- [API request builder](https://www.toolcabana.com/pt-br/api-request)
- [JSON to Dart model](https://www.toolcabana.com/pt-br/json-to-dart)
- [JSON to TypeScript](https://www.toolcabana.com/pt-br/json-to-typescript)