Outline-Text mit text-shadow

 

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

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

 

Beispieltext

h1 {
    color: white;
    font-size: 50px;
    text-shadow: 0 0 5px black;
}

 


 

Beispieltext

h1 {
    color: white;
    font-size: 50px;
    text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
}