Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:6Length:31 minutes

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

1.1 Welcome

Hello, and welcome to this Envato Tuts+ short course. I’m Adi Purdila, and in this course I’m going to show you how to create knockout text with HTML and CSS. You’ll learn five methods for creating text with different backgrounds such as gradients, images, and even videos.

Linked down below you’ll find a CodePen collection with all five demos, and we’ll be going through each one to build it from scratch, explaining the process along the way.

So let’s get started with the first technique.

Related Links

1.1 Welcome

Hello, and welcome to this Envato Tuts+ course, I'm Adi Purdila. And in this course, I'm gonna show you how to create text that looks like this, And this. These examples were built with HTML and CSS. And it's a technique called text masking, also known as knockout text. In this course, you'll learn five methods for creating text like this with various backgrounds, like gradient images and even videos. Linked down below, you'll find a CodePen collection with all five demos. And we're gonna go through each one and build it from scratch and also explain the process along the way. So let's get started with the first technique. That's coming up in the next lesson.