In this tutorial, you will learn how to set an image as text background with CSS. Watch the video below for a detailed tutorial.
<body>
<h1>Lorem</h1>
</body>body {
margin: 0;
background-color: #7d8b8f;
font-family: 'Oswald', sans-serif;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
h1 {
position: relative;
color: white;
font-size: 11em;
text-transform: uppercase;
background-image: url(image.jpg);
background-repeat: no-repeat;
background-size: cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-font-smoothing: antialiased;
}