top of page arrow
Text Image Background

A simple way to add a background image to your text using the css background-clip attribute. For more detailed information, and instructions on how to animate the background, see How to: Animated Text


Text +
and
background-image: url(/path-to-your/image.jpg);
background-size: cover;
background-clip: text;
background-position: center;
color: transparent;
=
Result!