Gerador de Box Shadow CSS

Gere box-shadow CSS com editor visual

Processamento no NavegadorSeus dados nunca saem do seu navegador

Shadow Layers

Shadow 1 Settings

Offset X5px
Offset Y5px
Blur Radius15px
Spread Radius0px
Color
Opacity30%
Inset Shadow

Preview Settings

Background:
Box Color:
Border Radius:
px

CSS 

box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3);

Presets

About Gerador de Box Shadow CSS

Gere box-shadow CSS com editor visual

Use this free online geradores css tool to work faster without installing extra software. The interface is built for quick input, clear output, and straightforward results on desktop and mobile devices.

Processing

This tool runs in your browser whenever possible, which keeps your inputs private and reduces unnecessary round-trips to the server.

Ferramentas Relacionadas

Gerador de Gradiente CSSCrie gradientes CSS lineares e radiais bonitos
Gerador de Text Shadow CSSGere efeitos de text-shadow CSS visualmente
Gerador de Border Radius CSSCrie border-radius personalizado com editor visual
Gerador de Clip Path CSSCrie formas de clip-path CSS visualmente