I got a background image on my perspective page but I would like it to be more like a watermark. is there a way to adjust the alpha channel on an background image in perspective?
like do you have the background image set to the root container? if so, you should be able to add opacity: 0.5 to the style to change the transparency, obviously you can change the .5 to whatever you need
That will change the opacity on everything displayed not just the background image.
You might have better luck using an image component and applying an opacity value to it. In my tesing, I used these style properties in a flex container:
{
"classes": "",
"opacity": 0.2,
"position": "absolute",
"pointer-events": "none",
"width": "100%",
"height": "100%"
}
yeah, thanks for pointing out my mistake you are right, I know that at some point I had copied some CSS injection I found somewhere, and I believe it’s possible to add the opacity to the line for the background image where it doesn’t affect other props, but I can’t for the life of me remember where I put that or what I got it from. This is definitely probably the better solution overall
how do i make that image container to be in the background of a flex container tho?
Can you not change the opacity/color of the image before importing into the project?
You can use zIndex in style props to push the image backwards, but it might get cumbersome doing that.
There is a way to add a custom selector in advanced stylesheet, maybe before, to target opacity to the background image only, but I've not tried it.
Google and research css background image opacity and search on the forum for advanced stylesheet examples.