Try Following:
<!DOCTYPE html><html><head><style>h1 { text-shadow: 2px 2px;}h1.m1 { text-shadow: 2px 2px red;}h1.m2 { text-shadow: 2px 2px 5px red;}h1.m3 { color: white; text-shadow: 2px 2px 4px #000000;}h1.m4 { text-shadow: 0 0 3px #FF0000;}h1.m5{color: #FFFFFF;background: #232323;text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #49ff18, 0 0 30px #49FF18, 0 0 40px #49FF18, 0 0 55px #49FF18, 0 0 75px #49ff18;}h1.m6{color: #FFFFFF;background: #FFFFFF;text-shadow: 2px 2px 0 #4074b5, 2px -2px 0 #4074b5, -2px 2px 0 #4074b5, -2px -2px 0 #4074b5, 2px 0px 0 #4074b5, 0px 2px 0 #4074b5, -2px 0px 0 #4074b5, 0px -2px 0 #4074b5;}h1.m7{color: #444444;background: #FFFFFF;text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE, 3px 2px 1px #CCCCCC, 2px 3px 1px #EEEEEE, 4px 3px 1px #CCCCCC, 3px 4px 1px #EEEEEE, 5px 4px 1px #CCCCCC, 4px 5px 1px #EEEEEE, 6px 5px 1px #CCCCCC, 5px 6px 1px #EEEEEE, 7px 6px 1px #CCCCCC;}</style></head><body><h1 class="m6">Text-shadow effect!</h1><h1 class="m7">Text-shadow effect!</h1><h1>Text-shadow effect!</h1><h1 class="m1">Text-shadow effect!</h1><h1 class="m2">Text-shadow effect!</h1><h1 class="m3">Text-shadow effect!</h1><h1 class="m4">Text-shadow effect!</h1><h1 class="m5">Text-shadow effect!</h1></body></html>