Générateur de box-shadow CSS

Couleur

Un générateur de box-shadow crée une valeur CSS box-shadow à partir des décalages, du flou, de l’étendue et de la couleur.

Traduction assistée par IA en cours de révision

Cette page a été traduite avec l’aide de l’IA et n’a pas encore été relue par un professionnel. Consultez les sources citées avant toute décision importante.

Qu’est-ce que c’est

La propriété box-shadow ajoute une ombre autour d’un élément. Ses paramètres contrôlent le décalage horizontal et vertical, le flou, l’étendue et la couleur.

box-shadow = x y flou étendue couleur

Comment l’utiliser

  1. 1Ajustez les décalages, le flou et l’étendue.
  2. 2Choisissez la couleur de l’ombre.
  3. 3Copiez la valeur CSS box-shadow.

Référence

Générateur de box-shadow CSS Référence
EntréeRésultat
exemplevaleur CSS box-shadow

Sources et normes

FAQ

À quoi sert la valeur d’étendue (spread) ?

La valeur spread agrandit ou réduit la taille de l’ombre par rapport à l’élément avant l’application du flou.

Les données sont-elles envoyées à un serveur ?

Non. Cet outil fonctionne dans votre navigateur et n’envoie aucune donnée à un serveur.

Outils associés