toolsmoah

Générateur CSS d'ombre de boîte

Générez et prévisualisez visuellement les propriétés CSS de box-shadow.

Paramètres d'ombre
Ajustez les curseurs pour personnaliser l'effet d'ombre

Ombre 1

Préréglages
Essayez les styles d'ombre prédéfinis
Aperçu
Voir l'effet d'ombre généré
Preview
CSS généré
box-shadow: 0px 4px 6px 0px #00000040;
Référence des propriétés d'ombre de boîte

Descriptions des propriétés

  • • Décalage X : Position horizontale de l'ombre (positif : droite, négatif : gauche)
  • • Décalage Y : Position verticale de l'ombre (positif : bas, négatif : haut)
  • • Flou : Rayon de flou de l'ombre (0 : net, valeurs plus grandes plus floues)
  • • Étalement : Taille de l'ombre (positif : étendre, négatif : réduire)
  • • Couleur : Couleur de l'ombre (HEX, RGB, RGBA, etc.)
  • • Interne : Si l'ombre est une ombre interne
    Générateur CSS d'ombre de boîte | toolsmoah