Streaming live at 10am (PST)

Knockout text on video (clipped text on video)

Hi guys,

I’d like to use text to clip/mask a background video.

I accomplished something using a SVG mask (made on Figma and imported as SVG). I’ve also tried different custom codes as well, but with no success. I’ve tried:

  • mix-blend-mode: screen
  • webkit-background-clip: text;
  • webkit-text-fill-color: transparent;

you can see all my failures here below. Every page represent a new try. The page “Test 5” is the best result I accomplished.

As you see, it’s not the most elegant solution, also is not responsive at all :smile: I’ve seen lots of examples outside Webflow, using CSS, but I don’t know how to translate it into Webflow.

Thank you so much guys! I hope you can help :wink:

1 Like

looking for the same feature