À propos de cet outil
Le générateur applique une ombre à la forme des caractères, avec réglage des décalages, du flou, de la couleur et de l'opacité. La saisie est affichée comme du texte brut : même les balises HTML restent du texte et ne sont jamais exécutées.
Mode d'emploi
- Saisissez le texte à prévisualiser.
- Réglez les décalages horizontal et vertical et un rayon de flou positif ou nul.
- Choisissez la couleur et l'opacité de l'ombre, puis observez l'aperçu.
- Copiez le CSS ou cliquez sur « Réinitialiser » pour retrouver les paramètres initiaux.
Exemples
- De petits décalages et une faible opacité donnent une ombre discrète.
- Des décalages nuls avec davantage de flou créent un halo doux.
- Saisissez des caractères de différents alphabets ou des symboles pour comparer les ombres.
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);Fonctionnement et explications CSS
text-shadow utilise offset-x offset-y blur-radius color. L'ombre suit les caractères et n'a ni spread-radius ni inset. Sa couleur combine les composantes validées et l'opacité choisie.
Utilisations courantes
- Ajuster les effets de texte des titres et des affiches.
- Créer des ombres douces pour les textes d'une marque.
- Comprendre les paramètres propres aux ombres de texte et de boîte.
Confidentialité
La saisie, les calculs, la génération CSS et les aperçus sont entièrement traités dans votre navigateur. Aucun contenu n'est envoyé à un serveur. Aucun backend, base de données, API en ligne ou CDN tiers n'est utilisé, et vos données ne sont pas enregistrées automatiquement.
FAQ
Quelle est la différence entre text-shadow et box-shadow ?
text-shadow suit la forme des caractères, tandis que box-shadow s'applique à la boîte d'un élément.
Pourquoi text-shadow n'a-t-il pas de paramètre spread ?
La syntaxe standard prévoit deux décalages, un flou facultatif et une couleur. Elle ne comporte pas de rayon d'étalement.
Peut-on superposer plusieurs text-shadow ?
CSS permet plusieurs ombres séparées par des virgules. Cette page se concentre sur la génération fiable d'une seule ombre.
Le HTML saisi dans l'aperçu sera-t-il exécuté ?
Non. L'outil utilise des nœuds de texte : les balises et les fragments de script sont affichés comme de simples caractères.