# Générateur CSS de text-shadow

> Générateur CSS de text-shadow : réglez les décalages, le flou et la couleur, puis copiez le CSS.

Un générateur d'ombre de texte CSS vous permet de créer des ombres portées pour tout texte web sans écrire de code manuellement. Il génère la syntaxe text-shadow correcte qui fonctionne dans tous les navigateurs modernes.

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

## Comment fonctionne le générateur

Saisissez le décalage horizontal, le décalage vertical, le rayon de flou et la couleur dans les champs de saisie. L'outil affiche instantanément la règle CSS et un aperçu en direct afin que vous puissiez ajuster les valeurs en temps réel.

## Comprendre la syntaxe

La propriété text-shadow suit le modèle text-shadow: décalage-x décalage-y rayon-de-flou couleur. Les décalages sont mesurés en pixels ou en autres unités de longueur CSS, le rayon de flou peut être zéro pour un bord net, et la couleur accepte n'importe quel format de couleur CSS.

## Conseils pour des ombres efficaces

- Utilisez un petit rayon de flou pour un aspect net et décalé.
- Superposez plusieurs ombres en séparant chaque ensemble par une virgule, en plaçant l'ombre la plus proche en premier.
- Assortissez la couleur de l'ombre au fond pour une profondeur subtile, ou utilisez une couleur contrastée pour un effet dramatique.

## Plus de générateurs CSS

Associez les ombres de texte à un [générateur CSS de border-radius](/fr/generateur-css-border-radius/) pour des cartes et boutons aux coins arrondis.

## Questions fréquentes
### Puis-je créer plusieurs ombres avec le générateur ?

Oui, ajoutez des définitions d'ombre supplémentaires dans l'interface et elles seront combinées en une liste séparée par des virgules, avec la première entrée affichée au premier plan.

### Que fait un rayon de flou de 0 ?

Un rayon de flou de 0 produit une ombre dure et nette qui est décalée exactement par les valeurs x et y spécifiées.

### Le CSS généré est-il compatible avec tous les navigateurs ?

La propriété text-shadow est prise en charge par tous les navigateurs modernes, y compris Chrome, Firefox, Safari, Edge et Opera.

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