Générateur de Text-Shadow CSS
Créez des effets CSS text-shadow visuellement. Ajoutez plusieurs couches d'ombre, ajustez le décalage, le flou et la couleur. Copiez le code CSS. Gratuit, 100% dans votre navigateur.
Aperçu
Sortie CSS
Référence
Qu'est-ce que text-shadow ?
La propriété CSS text-shadow ajoute une ou plusieurs ombres à un texte. Chaque ombre est définie par un décalage horizontal et vertical, un rayon de flou optionnel et une couleur.
Syntaxe
La syntaxe est text-shadow: offset-x offset-y blur-radius color. Plusieurs ombres sont séparées par des virgules. Exemple : text-shadow: 2px 2px 4px rgba(0,0,0,0.5), -1px -1px 2px rgba(0,0,0,0.3).
Conseils
Utilisez des ombres subtiles pour la profondeur et la lisibilité. Plusieurs couches avec des couleurs différentes créent des effets néon ou lumineux. Des décalages négatifs projettent l'ombre vers la gauche/le haut. Des valeurs de flou élevées produisent des effets de lueur douce.
Confidentialité
Tout le traitement s'exécute 100% dans votre navigateur. Aucune donnée n'est envoyée à un serveur.