Ever wanted to put an image into a text, there are some easy ways to do this in Photoshop but what if you want this on a web page with dynamic text? Thankfully there are a few ways to go about doing this. The idea is just to overlay some text over an image and use
-webkit-background-clip:text CSS effect to get the desired effect.
If you are having trouble with the pen, try the archived copy on GitHub