Css text-shadow Tutorial

3d.css

h1.three-d {
	color: rgb(255, 255, 255);
	text-shadow: 0px 1px 0px rgba(153, 153, 153, 0.6),
		     0px 2px 0px rgba(136, 136, 136, 0.6), 
		     0px 3px 0px rgba(119, 119, 119, 0.6), 
		     0px 4px 0px rgba(102, 102, 102, 0.6), 
	             0px 5px 0px rgba(85, 85, 85, 0.6), 
	             0px 6px 0px rgba(68, 68, 68, 0.7), 
		     0px 7px 0px rgba(51, 51, 51, 0.8), 
		     0px 8px 7px rgba(0, 17, 53, 0.9);
}

fire.css

h1.fire {
	color: rgb(255, 255, 255);
	text-shadow: 0 0 4px rgb(255, 255, 255), 
		     0 -5px 4px rgb(255, 255, 51), 
		     2px -10px 6px rgb(255, 221, 51), 
		     -2px -15px 11px rgb(255, 136, 0), 
		     2px -25px 18px rgb(255, 34, 0);
}

fluffy.css

h1.fluffy {
	color: transparent;
	text-shadow: 0px 0px 10px rgba(255,255,255,0.6), 
		     0px 0px 30px rgba(255,255,255,0.4), 
	 	     0px 0px 50px rgba(255,255,255,0.3), 
		     0px 0px 180px rgba(255,255,255,0.3);
}

letter-press.css

h1.letter-press {
        color: rgba(0,0,0,0.7);
        text-shadow: 2px 1px 3px rgba(255,255,255,0.1);
}

neon-glow.css

h1.neonglow {
	color: rgb(255, 255, 255);
	text-shadow: 0 0 5px rgb(255, 255, 255),
	      	     0 0 10px rgb(255, 255, 255),
		     0 0 15px rgb(255, 255, 255), 
		     0 0 20px rgb(0, 153, 255), 
		     0 0 30px rgb(0, 153, 255), 
		     0 0 40px rgb(0, 153, 255), 
		     0 0 50px rgb(0, 153, 255), 
		     0 0 75px rgb(0, 153, 255);
    	letter-spacing: 5px;
}

solid-shadow.css

h1.solid-shadow {
    color: rgb(51, 51, 51);
	  text-shadow: 4px 4px 0px rgba(204, 204, 204, 0.9);
}

step-shadow.css

h1.step-shadow {
    	color: rgb(51, 51, 51);
	text-shadow: 3px 2px 0px rgb(255, 255, 255), 
		     8px 7px 0px rgba(0,0,0,0.15);
}