GEN-10Générateurs
Générateur de box-shadow
Ombre CSS avec aperçu en direct
GEN-10Résultat
Vos données ne quittent pas votre appareil : cet outil fonctionne localement dans le navigateur.
Générateur de box-shadow
Réglez le décalage, le flou, l’étalement et la couleur — puis copiez la règle box-shadow prête. L’aperçu en direct montre l’effet de l’ombre sur une carte.
Questions fréquentes
À quoi sert l’étalement (spread) ?
Une valeur positive agrandit l’ombre avant le flou, une valeur négative la rétrécit.
Comment obtenir une ombre douce et élégante ?
Un grand flou (30–60px), un petit décalage et une faible opacité (0,1–0,2).