web typography study guide

Text Shadow Examples

Duis autem vel

#example {
color: white; font-size: 2em;
text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }

Duis autem vel

#example {
color: white; font-size: 2em;
/*use three shadows to add more weight*/
text-shadow: 1px 4px 3px rgba(0,0,0,0.4), 3px 8px 13px rgba(0,0,0,0.1), 4px 18px 23px rgba(0,0,0,0.1);
}

Duism autevel

#example {
background-color: #333; color: #222;
text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
}