Générateur d'ombre de texte

Créez des styles d'ombre de texte lisibles avec un aperçu de la typographie en direct. Composez le décalage, le flou et la couleur, puis copiez le CSS.

Text Shadow Generator

Live

Sample text

Offset X2px

Offset Y4px

Blur12px

Shadow color

Shadow

CSS output

text-shadow: 2px 4px 12px #be185d;

Key capabilities

Créez des styles d'ombre de texte lisibles avec un aperçu de la typographie en direct.
S'exécute dans votre navigateur
Utilisation gratuite

Mode d'emploi

Tapez un exemple de texte si vous le souhaitez.
Ajustez le décalage X/Y, le flou et la couleur.
Copiez le CSS text-shadow.

How this tool works

Tapez un exemple de texte si vous le souhaitez.
Ajustez le décalage X/Y, le flou et la couleur.
Copiez le CSS text-shadow.

Recommended settings

Utilisez d'abord les options par défaut, puis ajustez si nécessaire

Supported formats

Text / on-page input

File size and limits

Les aperçus multicouches très complexes peuvent sembler plus lents sur les téléphones plus anciens.

Privacy

Les générateurs de couleurs et CSS fonctionnent entièrement dans votre navigateur. Les aperçus et les conversions ne téléchargent jamais vos styles.

Common use cases

Utilisez Text Shadow Generator chaque fois que vous en avez besoin : créez des styles d'ombre de texte lisibles avec un aperçu de la typographie en direct.

Troubleshooting

L'aperçu est différent après le collage

Vérifiez les CSS concurrents sur votre page (réinitialisations, couleurs héritées). Copiez d'abord la règle générée dans une feuille de style isolée.

FAQ

Est-ce que cela télécharge mon CSS ?

Non. Les générateurs et les convertisseurs s'exécutent dans votre navigateur avec un aperçu en direct.

Ai-je besoin d'un compte ?

Non. Ouvrez l'outil, modifiez les contrôles et copiez le CSS.