Aller au contenu principal

Les boutons interactifs et les indications de saisie peuvent actuellement apparaître en anglais.

Outils

Générateur d’ombres CSS

Utilisez Générateur d’ombres CSS pour saisir le décalage, le flou, l’étalement et la couleur et obtenir un aperçu de l’ombre et son code CSS immédiatement, sans installation ni compte.

Générateur d’ombres CSS traite les saisies et fichiers uniquement dans ce navigateur et ne les transmet à aucun service externe.

Preview
px
10%
Layer 1
box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1);

Mode d’emploi

Générateur d’ombres CSS est un outil de navigateur qui reçoit le décalage, le flou, l’étalement et la couleur et produit un aperçu de l’ombre et son code CSS. Les options et le résultat se vérifient sans quitter la page. Exemple concret : 0 8px 24px rgba(0,0,0,.2).

  1. Configurez le décalage, le flou, l’étalement et la couleur dans Générateur d’ombres CSS.
  2. Ajustez les réglages tout en examinant l’aperçu en direct.
  3. Choisissez Copier pour copier le résultat.

Résultat

  • Exemple avec Générateur d’ombres CSS : 0 8px 24px rgba(0,0,0,.2)

Limites

  • Limite de Générateur d’ombres CSS : Une ombre lourde peut nuire à la lisibilité ou aux performances. Comparez tout résultat important à la source.

Confidentialité

Générateur d’ombres CSS traite les saisies et fichiers uniquement dans ce navigateur et ne les transmet à aucun service externe.

Questions fréquentes

Que produit Générateur d’ombres CSS ?

L’outil utilise la saisie et les options choisies pour produire un aperçu de l’ombre et son code CSS.

Tous les résultats de Générateur d’ombres CSS sont-ils fiables ?

Une ombre lourde peut nuire à la lisibilité ou aux performances. Vérifiez le résultat avant un usage important.

🔧 Outils associés