Générateur de text-shadow CSS
Ajustez le décalage, le flou et la couleur d'une ombre de texte CSS et récupérez instantanément la valeur text-shadow correspondante, avec aperçu en direct. Calcul 100% local dans votre navigateur — rien n'est envoyé à un serveur.
Comment ça marche
La propriété CSS text-shadow accepte un décalage horizontal, un décalage vertical, un rayon de flou optionnel et une couleur. Cet outil vous laisse ajuster chaque valeur avec des curseurs et voir immédiatement le rendu sur un texte de démonstration, pour composer un effet de relief, de lueur ou de style rétro sans deviner les valeurs à la main.
Puis-je empiler plusieurs ombres sur le même texte ?
Oui, la propriété text-shadow accepte plusieurs déclarations séparées par des virgules (par exemple pour un effet néon avec plusieurs halos superposés). Cet outil génère une seule ombre à la fois ; vous pouvez copier le résultat et l'assembler à la main avec d'autres valeurs si besoin.
Comment obtenir un effet "néon" convaincant ?
Mettez les décalages horizontal et vertical à 0, augmentez fortement le flou et choisissez une couleur vive sur un fond sombre : c'est exactement la combinaison utilisée par le préréglage "Effet néon" ci-dessus.
Aucune donnée ne quitte votre appareil : le calcul et l'aperçu sont générés entièrement en local par votre navigateur.