Text masking (also known as “knockout text”) is a technique that allows us to display images, gradients, patterns, and even videos inside the shape of a piece of text. There are a few ways of achieving this effect, and in this short course you’ll learn five of them.
Learn CSS: The Complete Guide
We've built a complete guide to help you learn CSS, whether you're just getting started with the basics or you want to explore more advanced CSS.
1.Introduction1 lesson, 00:50
1 lesson, 00:50
1.1Welcome00:50
1.1
Welcome
00:50
2.Text Masking Techniques5 lessons, 30:00
5 lessons, 30:00
2.1Using `background-clip`05:07
2.1
Using `background-clip`
05:07
2.2Using Blend Modes05:22
2.2
Using Blend Modes
05:22
2.3Using Blend Modes for Cutouts05:38
2.3
Using Blend Modes for Cutouts
05:38
2.4Using SVG Text07:06
2.4
Using SVG Text
07:06
2.5Using SVG Masks06:47
2.5
Using SVG Masks
06:47
Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value.
Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals.
When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets.
You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.