SOLVED: How to do this see through Title over video background like Quibi website

[knk (Keiran)]

HI Jonathon,

I did a bit of further research to see what could be done to achieve the cut-out affect with video background.

The technique used is CSS Blend Mode.

First - It is possible, but not natively with Webflow at present
Second, it will require some custom code via an HTML embed to achieve it.

Here’s a youtube clip that shows you how to achieve with HTML:

How to Place VIDEO inside Text | Html5 CSS3 Tutorial

Also some previous Forum posts about Blend Mode:

Blend Modes in Webflow?

Hi all, is there a way to add a blend mode (multiply) to a graphic element in Webflow using just the Webflow interface. In other words, can I do it directly in the software vs. modifying the code by hand? Thanks, Lenny Here is my site Read-Only: LINK (how to share your site Read-Only link)

Are background video blend modes possible?

Hi there, Two questions if I may be cheeky? They are both related to the same element though. I’m trying to get CSS blend modes working on a background video element but to no avail I’ve added the code : <style type="text/css"> .screen-blend-mode { background-blend-mode: screen; } </style> to the code section in the site settings panel. I currently (just for testing) have a background image set on the body and a background video component placed on the page wit…