# Générateur d'ombre CSS

> Générateur d'ombre CSS gratuit. Ajustez décalage, flou, étalement, couleur et opacité avec des curseurs, prévisualisez l'ombre en direct et copiez le CSS. Tout dans votre navigateur.

Concevez des ombres CSS parfaites avec des curseurs. Gratuit, sans inscription, code prêt à copier.

*Interactive tool: enter your values at https://toollantern.win/fr/generateur-ombre-css/ and results update instantly in your browser.*

## Ce que fait l'outil

Déplacez les curseurs pour les décalages horizontal et vertical, le rayon de flou, l'étalement, la couleur et l'opacité. La carte d'aperçu se met à jour instantanément et l'outil produit la déclaration box-shadow exacte à coller dans votre feuille de style. Activez inset pour des ombres internes.

## Conseils

Les ombres douces à faible opacité ont un rendu moderne : essayez un grand flou avec 10 à 20 % de noir. L'étalement agrandit ou rétrécit l'ombre au-delà des bords de l'élément.

## Confidentiel par conception

Tout s'exécute dans votre navigateur. Rien ne quitte votre appareil.

## Questions fréquentes
### Quelle est la différence entre flou et étalement ?

Le flou adoucit les bords de l'ombre ; l'étalement agrandit ou rétrécit la taille globale de l'ombre avant le flou.

### Que fait inset ?

Inset dessine l'ombre à l'intérieur de la bordure de l'élément au lieu de l'extérieur, utile pour des effets enfoncés.

### Quelque chose est-il envoyé à un serveur ?

Non. L'éditeur s'exécute entièrement dans votre navigateur.

---
Interactive version: https://toollantern.win/fr/generateur-ombre-css/