Schatten um den Text / Textschatten / text-shadow

Mit der Eigenschaft "text-shadow" lassen sich ganz einfach CSS Texte mit einem Schatten, Schlagschatten oder Texteffekten belegen.

text-shadow:[horizontale position] [vertikale position] [größe] [farbe];

 

 

Definition in css

.textShadow {
text-shadow: 0 2px 0 #dfdfdf;
color: #E2007A;
font-size: 40px;
}

Und so schaut´s aus

CSS-LERNEN

Text-Outline

Definition in css

.outline {
text-shadow:
0 1px 0 #44b4dd,
0 -1px 0 #44b4dd,
1px 0 0 #44b4dd,
-1px 0 0 #44b4dd;
color:#fff;
}

Und so schaut´s aus

CSS-LERNEN

Und hier noch ein paar andere Text-Effekte

CSS-LERNEN
CSS-LERNEN
CSS-LERNEN
CSS-LERNEN
CSS-LERNEN
CSS-LERNEN
CSS-LERNEN
CSS-LERNEN