6XC

Générateur d'ombre de texte CSS

Concevez un text-shadow avec décalages, flou, couleur et opacité — aperçu en direct sur un texte d'exemple.

941 vues

Titre d'exemple

La propriété text-shadow

Syntaxe : text-shadow: x y flou couleur (pas d'étalement, contrairement à box-shadow). Des ombres subtiles détachent les titres de la page ; des décalages forts avec un flou nul créent des styles rétro « ombre dure » ; et plusieurs ombres séparées par des virgules peuvent simuler des contours et des lueurs néon.

Questions fréquentes

Comment créer une lueur néon ?

Utilisez des décalages nuls et empilez des ombres avec un flou croissant dans une couleur vive : 0 0 6px, 0 0 12px, 0 0 24px — toutes dans la couleur de la lueur, sur un fond sombre.

text-shadow affecte-t-il l'accessibilité ?

Des ombres marquées peuvent nuire à la lisibilité. Gardez le texte courant sans ombre et réservez les effets aux grands titres ; vérifiez toujours le contraste après application.

Outils similaires

Générateur de dégradé CSS Concevez des dégradés CSS linéaires, radiaux et coniques avec aperçu en direct et copiez le code. Lancer Générateur d'ombre CSS (box-shadow) Concevez une box-shadow visuellement — décalages, flou, étalement, couleur, opacité et inset — avec aperçu en direct. Lancer Générateur de border-radius CSS Arrondissez chaque coin individuellement ou tous à la fois, en px ou %, avec aperçu en direct et CSS copiable. Lancer Générateur CSS de glassmorphism Concevez un effet de verre (glassmorphism) avec aperçu en direct — ajustez le flou, la transparence, la teinte et la bordure, puis copiez le CSS. Lancer