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

Other Items in css

No Items Found.

Add Comment
Type in a Nick Name here
 
Page Views

This page has been viewed 425 times.

Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

โค๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ•น

Random Quote
"We're tight-fisted with property and money, yet think too little of wasting time, the one thing about which we should all be the toughest misers.โ€
Seneca