With the CSS property “background-clip: text” (which is currently only supported in Webkit browsers), we can add a background image to a text element. Today we will experiment with it and create some fun examples by adding CSS3 transitions. The images in the first demo are by Andreas Preis and the image in the last demo is by Joanna Kustra. The Markup The structure will simply be an h3 heading ele
![Experiments with background-clip: text | Codrops](https://cdn-ak-scissors.b.st-hatena.com/image/square/767ecea25c7b452b2d041f4356a9f058860b798a/height=288;version=1;width=512/https%3A%2F%2Fcodrops-1f606.kxcdn.com%2Fcodrops%2Fwp-content%2Fuploads%2F2011%2F12%2FBackgroundClipText.jpg%3Fx49793)