FORUM COMMUNITY IDEAS SHOWCASE LEARNING CENTER

Invisible dynamic text


#1

I have an image like this one:


and I want to have dynamic text on top:

The text has a border that is very dark grey. I want the text to be transparent so you can see the image behind it through the letters. So I made the font colour have no alpha:
Screenshot from 2018-01-06 15-49-59
Results:

How can I make in invisible. Remember, I need it to be dynamic text.


#2

Hi @shirtshackservices :slight_smile: are you trying to have the text be the brick itself, and then there is the black overlay around the text, over the brick?


#3

Yes, so whatever is in the background appears in the text hole.


#4

Ah, I see what you mean! I don’t think this is currently possible to set up without using custom html/css. I did a bit of Googling and it looks like this is called “background-clip”. I’m assuming this could be accomplished by building a plugin for it?

Here is an example:
https://www.kode.to/preview/QORQXV


#5

This topic was automatically closed after 70 days. New replies are no longer allowed.