Skip to main content

Générateur CSS Text Shadow

Générez des text-shadow CSS avec aperçu en direct. Empilez plusieurs ombres avec des préréglages néon, relief et autres.

Préréglages

Paramètres du texte

16px120px
#333333
#F1F5F9

Couches d'ombre

Couche 1
#000000

Aperçu

Shadow Text

CSS généré

text-shadow: 2px 2px 4px #000000;

Extrait complet

.text-shadow-effect {
  color: #333333;
  font-size: 48px;
  font-family: sans-serif;
  text-shadow: 2px 2px 4px #000000;
}
Partager cet outil
📖

Comment utiliser

Step 1

Saisir le texte

Saisir le texte

Entrez le texte pour l'aperçu

Step 2

Ajuster les paramètres

Ajuster les paramètres

Ajustez le décalage, le flou et la couleur

Step 3

Copier

Copier

Copiez le code CSS pour l'utiliser

Fonctionnalités

Aperçu en direct

Visualisez l'effet d'ombre de texte en temps réel

Ombres multiples

Superposez plusieurs ombres de texte

Préréglages

Préréglages comme néon, relief et plus encore

FAQ

text-shadow s'applique aux caractères du texte, box-shadow aux boîtes d'éléments.