Astuces CSS – Ombres de texte

Texte ombré

.ombre-du-texte { text-shadow: 0.1em 0.1em #333; }

Ceci est un exemple de style pour texte ombré

Vous pouvez en savoir plus sur le site "Feuilles de styles Web - Trucs & astuces CSS"

Texte ombré flou

.ombre-floue h5.a {
text-shadow: 0.1em 0.1em 0.05em #333;
}
.ombre-floue h5.b {
text-shadow: 0.1em 0.1em 0.2em black;
}

Ceci est un 1er exemple de style pour texte ombré

Ceci est un 2ème exemple de style pour texte ombré

Texte ombré blanc lisible

h3 {color: white}
h3.a {color: white; text-shadow: black 0.1em 0.1em 0.2em}

Ceci est un texte ombré blanc lisible

Lueur de néon

h3.c {text-shadow: 0 0 0.2em #8F7}
h3.d {text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87}
h3.e {text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F}

With a zest of best

There's no no like a better no

Indeed, quite right, Mr M

Dessiner le contour des lettres

h3.f {text-shadow: -1px 0 black, 0 1px black,
      1px 0 black, 0 -1px black}

With a zest of best