Tutorial Experiments with background-clip: text

DEMO               -               DOWNLOAD             -                   URL SOURE

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.