Generador de box-shadow de CSS

Crea una declaració box-shadow de CSS a partir del desplaçament, el difuminat, l’expansió i el color.

Gràfics Sense emmagatzematge

Guia ràpida

Prova un exemple

Introdueix

Desplaçament horitzontal (px)
0
Desplaçament vertical (px)
4
Radi de difuminat (px)
12
Expansió (px)
0
Color hexadecimal
#00000033
Posició de l’ombra
Exterior

Obtens

box-shadow: 0px 4px 12px 0px #00000033;
Funcionament i límits

Indica les longituds en píxels i un color hexadecimal de sis o vuit dígits. L’expansió negativa redueix l’ombra.