Background-clip: text

by htmlboy

HTML

<h1>HOLA!</H1>

CSS

h1 {
   color: black;  /* Fallback*/
   background: url(http://dl.dropbox.com/u/4350345/bg.jpg);
   -webkit-background-clip: text; /* WebKit only. Degrades badly :( */
   -webkit-text-fill-color: transparent;
    font-size: 150px;
    font-family: futura, sans-serif;
    font-weight: bold;
    text-align: center;
    text-rendering: optimizeLegibility;    
}

body{
    margin-top: 30px;
    background: #FEFDE9;
}