Responsive Knockout Text With Looping Video

In my first article on CSS-Tricks, I share some notes on the implementation of an HTML <video> playing inside the letters of a covering text:

See this pen by @mgiulio on CodePen

One of the more relevant parts in the article is the description of a workflow to create and export the text cutout in Inkscape.

To be noted that there is nothing special about using a video instead of an image, the process is exacly the same.

Read