Gerador de sombras CSS
Gere CSS box-shadow com pré-visualização ao vivo e predefinições
Camadas
Deslocamento X
Deslocamento Y
Desfoque
Expansão
Cor 25%
Interno
CSS - colar ou editar
Exemplos
| Pré-visualização | Nome | Categoria | Camadas | Aplicar |
|---|---|---|---|---|
| Soft | classic | 1 | ||
| Hard | classic | 1 | ||
| Glow | classic | 1 | ||
| Inset Pressed | classic | 2 | ||
| Neumorphism | neumorphism | 2 | ||
| Neon | glow | 3 | ||
| Matrix | glow | 3 | ||
| Vaporwave | glow | 3 | ||
| Torch | glow | 4 | ||
| Aurora | glow | 4 | ||
| Rainbow | multicolor | 6 | ||
| Inferno | multicolor | 7 | ||
| Cyberpunk | multicolor | 4 | ||
| Galaxy | multicolor | 4 | ||
| Pop Art | multicolor | 2 | ||
| 3D Extrude | depth | 6 | ||
| Floating | depth | 2 | ||
| Pile | depth | 5 | ||
| Rings | depth | 7 | ||
| Pyramid | depth | 11 | ||
| Ice | inset | 3 | ||
| Horror | inset | 3 | ||
| Well | inset | 3 |