Générateur de box-shadow CSS

Créez une déclaration CSS box-shadow à partir du décalage, du flou, de l’étalement et de la couleur.

Graphisme Sans conservation

Guide rapide

Un exemple pour commencer

Vous saisissez

Décalage horizontal (px)
0
Décalage vertical (px)
4
Rayon de flou (px)
12
Étalement (px)
0
Couleur hexadécimale
#00000033
Position de l’ombre
Extérieure

Vous obtenez

box-shadow: 0px 4px 12px 0px #00000033;
Fonctionnement et limites

Indiquez des longueurs en pixels et une couleur hexadécimale à six ou huit chiffres. Un étalement négatif rétrécit l’ombre.