2

talented and awesome people of StackOverflow. I need a solution or help to find one for my particular problem.

I have a div, with a background image, over it I have another div with background color rgba(red, .9), and on it, I have a giant text title that should be transparent through its parent, and actually see through the image on the main parent div

<div class="grand-parent" style="background-image: url(random)">
    <div class="parent" background="rgba(red, .9)">
        <h1> MY GIANT TITLE </h1>
    </div>
</div>

can this be done with clipping, or masking, or mix-blend-mode (I didn't make it), but the point is, though the text should be a pure white color going over the red div, and actually you can see the image through the text, like text having opacity...

Can I see through red div somehow? if anyone knows how to do it with canvas, I would appreciate a demo. Thanks and sorry for a non-visual explanation.

conversation.16
  • 426
  • 2
  • 13
  • 28
b.doe
  • 134
  • 6

0 Answers0