Streaming live at 10am (PST)

How do I make a Text overlay?


Hello together,

I want to make a text effect like this:

How can I do this in Webflow?

I know that I have to Add a GIF as background image, the put black on top of it with 50% Opacity but what settings do I have to make with the text?

Thank you in advance! :slight_smile:


To make things clear.. I want to make the Text like "DESIGN DISRUPTORS" in the Hero Image of the website.


Design Disruptors is a SVG graphic (vector graphic). That graphic has the black opacity and specific cuts to make the text have less opacity than the rest of the graphic. I don't believe you could accomplish this with text alone and would need to do a similar approach with a graphic. Maybe others have ideas on how you can do this with only using text/backgrounds.


This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.