CSS/text-shadow

sample1

sample2

sample3

sample4

sample5

CSS
#sample1 {
	font-size: 50px;
	padding-left: 15px;
	background: rgb(233,33,33);
	color: white;
	text-shadow: 0px 0px 0 rgb(239,239,239),
	              -1px 1px 0 rgb(233,233,233),
	              -2px 2px 0 rgb(228,228,228),
	              -3px 3px 0 rgb(222,222,222),
	              -4px 4px 0 rgb(216,216,216),
	              -5px 5px 0 rgb(210,210,210),
	              -6px 6px 0 rgb(204,204,204),
	              -7px 7px 0 rgb(198,198,198),
	              -8px 8px 0 rgb(193,193,193),
	              -9px 9px 0 rgb(187,187,187),
	              -10px 10px 0 rgb(181,181,181),
	              -11px 11px 0 rgb(175,175,175),
	              -12px 12px 0 rgb(169,169,169),
	              -13px 13px 0 rgb(163,163,163),
	              -14px 14px 0 rgb(157,157,157),
	              -15px 15px 0 rgb(152,152,152),
	              -16px 16px 0 rgb(146,146,146),
	              -17px 17px 0 rgb(140,140,140), 
	              -18px 18px 0 rgb(134,134,134),
	              -19px 19px 18px rgba(0,0,0,0.25),
	              -19px 19px 1px rgba(0,0,0,0.5),
	              0px 0px 18px rgba(0,0,0,.2);
}

#sample2 {
  font-size: 50px;
  padding-left: 15px;
  color: rgba(0,0,0,0.6);
  text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
               0px -5px 16px rgba(255,255,255,0.3);
}

#sample3 {
  font-size: 50px;
  padding-left: 15px;
  background: #222;
  color: rgba(0,0,0,0.6);
  text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
}

#sample4 {
	font-weight: normal;
	font-size: 50px;
    padding-left: 15px;
    background: #eee;
    color: white;
	-webkit-text-stroke-color: #000;
	-webkit-text-stroke-width: 1px;
}
#sample5 {
	font-weight: normal;
	font-size: 50px;
    padding-left: 15px;
    background: #eee;
    color: white;
	text-shadow: black 1px 1px 0px, black -1px 1px 0px,
 	            black 1px -1px 0px, black -1px -1px 0px;
}