Générateur text-shadow CSS
Créez des valeurs text-shadow en couches avec des présets en direct pour du texte avec effet néon, gravé, 3D et contour.
Générateur text-shadow CSS
Créez une déclaration CSS text-shadow en ajustant le décalage, le flou, la couleur et l'opacité, puis regardez la valeur se mettre à jour en temps réel. L'outil assemble une ou plusieurs couches d'ombre dans le bon ordre et la syntaxe séparée par des virgules, afin que vous puissiez copier une déclaration fonctionnelle directement dans votre feuille de style sans ajuster manuellement les chiffres.
Choisissez un préset pour accéder directement à un effet courant : la lueur néon empile des anneaux de flou qui s'estompent doucement sur le glyphe ; le gravé ajoute un reflet clair opposé à une ombre foncée pour un look estampé et gravé ; le 3D en couches répète une couleur solide non floutée le long du décalage pour un effet de lettres de bloc empilées ; le contour imite un trait en utilisant huit ombres non floutées autour du texte, car text-shadow n'a pas de propriété stroke native. Basculez vers Personnalisé pour un contrôle total sur le décalage X et Y, le rayon de flou, le nombre de couches, la couleur et l'opacité — chaque couche grandit à partir des valeurs de base que vous définissez. Choisissez entre les unités px et rem, et entre une déclaration CSS simple ou une classe de valeur arbitraire Tailwind pour les projets qui n'ont pas de feuille de style à copier.
La valeur générée n'a pas de limite de taille significative pour quelques couches, mais l'outil protège toujours contre les sorties incontrôlées comme le fait chaque générateur sur ce site, donc une entrée pathologique ne peut jamais geler l'onglet. Chaque option recalcule le résultat en direct avec un court délai, avec le décompte affichant le nombre de couches et la longueur exacte en caractères de la déclaration.
Tout s'exécute localement dans votre navigateur. Aucun choix de couleur, de décalage ou de préset n'est jamais envoyé ailleurs — l'outil calcule le CSS entièrement sur votre appareil. Lorsque vous êtes satisfait du résultat, copiez-le, téléchargez-le en tant que fichier .txt, ou renvoyez la sortie vers l'entrée pour continuer à l'affiner.