À propos de cet outil
Composez visuellement une box-shadow CSS en faisant glisser les curseurs de décalage, de flou, d'étalement, de couleur et d'opacité, puis copiez la règle prête à l'emploi. Tout se met à jour en direct et fonctionne entièrement dans votre navigateur.
Foire aux questions
À quoi sert la valeur d'étalement ?
L'étalement agrandit (valeur positive) ou réduit (valeur négative) l'ombre avant l'application du flou, la rendant plus large ou plus resserrée que l'élément.
Qu'est-ce qu'une ombre inset ?
Inset dessine l'ombre à l'intérieur de l'élément plutôt qu'à l'extérieur, ce qui est pratique pour les boutons enfoncés ou les lueurs internes.