drop shadow text class easy drop shadow
makes it a bit easier to read light text on a dark background or vice versa
HTML
<div class='demo-box-1'>
<span class='dropshadow-text-light'>some text with dropshadow on it</span>
</div>
<div class='demo-box-2'>
<span class='dropshadow-text-dark'>some text with dropshadow on it</span>
</div>
CSS
.dropshadow-text-light {
text-shadow:0px 1px 2px #000;
color:#FFF;
}
.dropshadow-text-dark {
text-shadow:0px 1px 2px #FFF;
color:#000;
}
.demo-box-1 {
background:#444;
padding:20px;
}
.demo-box-2 {
background:#999;
padding:20px;
}
some text with dropshadow on it
some text with dropshadow on it