Now the css . What we will do is use the css3 background-clip property . We will Set a background image on the h1 text element and then clip it out, and set the text fill color to transparent so the background image will be visible.

Browser Support

‘background-clip’ is only supported by modern webkit browsers . So in browsers that do not support background clip property the whole image will be visible and the text color will be white . A better way to use this is to validate the property using Modernizer.