Générateur de text-shadow CSS
Créez des ombres de texte en CSS avec aperçu en direct et modèles prêts à l’emploi : néon, rétro, 3D, contour, feu et relief, avec plusieurs couches et couleurs.
Mode d’emploiGénérateur d’ombre de texte
Disponible en: 
Générateur de text-shadow CSS: à quoi ça sert
Choisissez un modèle et modifiez les couches de l’ombre, une par ligne, avec décalage, flou et couleur. Changez le texte, la couleur des lettres et le fond pour voir l’effet final, puis copiez le CSS avec color et text-shadow.
Mode d’emploi
- Choisissez un modèle d’ombre.
- Modifiez le texte, les couleurs et les couches.
- Copiez le CSS.
Quand l’utiliser
- Créer des titres accrocheurs pour des sites.
- Réaliser des effets néon et rétro.
- Améliorer la lisibilité d’un texte sur des images.
Questions fréquentes
Comment faire un texte néon en CSS ?
Utilisez plusieurs couches de text-shadow de la même couleur avec des flous croissants, comme 0 0 5px, 0 0 10px et 0 0 20px, sur un fond sombre. Le modèle Néon construit déjà ces couches.
Comment faire un contour autour du texte ?
Une méthode compatible avec tous les navigateurs consiste à utiliser quatre ombres sans flou décalées de 1 ou 2 px de chaque côté. Le modèle Contour le fait.
Vraiment gratuit ?
Oui, 100 % gratuit. Sans inscription, sans abonnement et sans limite d’utilisation. Tous les outils de Tools123 sont gratuits.