Textskugga (text-shadow)

Textskugga 1

.text_skugga1 {
text-shadow: 4px 5px 3px rgba(0,0,0, 0.4);
font-family: Verdana, Geneva, sans-serif;
font-size: 60px;
font-weight: bold;
color: #FF6600;
}

Textskugga 2

.text_skugga2 {
text-shadow: 2px 2px 7px rgba(0,0,0, 0.5);
font-family: Verdana, Geneva, sans-serif;
font-size: 60px;
font-weight: bold;
color: #fff;
}

Textskugga 3

.text_skugga3 {
text-shadow: 4px 5px 3px rgba(0,0,0, 0.5);
font-family: Verdana, Geneva, sans-serif;
font-size: 60px;
font-weight: bold;
color: #000;
}

Textskugga 4

.text_skugga4 {
padding: 20px;
background-color: #000;
text-shadow: 2px 2px 5px rgba(255,255,255, 0.5);
font-family: Verdana, Geneva, sans-serif;
font-size: 60px;
font-weight: bold;
color: #000;
}

Textskugga 5

.text_skugga5 {
padding: 20px;
background-color: #000;
text-shadow: 0 0 5px rgba(255,102,0, 1);
font-family: Verdana, Geneva, sans-serif;
font-size: 60px;
font-weight: bold;
color: #000;
}

HTML-kod till texten:

<p><span class="text_skugga1">TEXTSKUGGA 1</span></p>