<!doctype html> <html> <head> <title>background-clip: text reference</title> <style> div.out { width: 500px; height: 300px; margin: 0px; color: white; font-size: 50px; font-family: serif; text-shadow: 0px 60px 5px red; -moz-osx-font-smoothing: grayscale; } </style> </head> <body style="margin: 0px;"> <div class="out"> Text Shadow <div style="display:inline-block; width:0px; height:100px;"/> </div> </body> </html>