I'm trying to figure out how to adjust text color when it overlaps an image in my project. I've got a minimal code example to show what I'm working with. The goal is to change the color of any text that overlaps the image to #EDE9DD. I've looked into using mix-blend-mode to achieve this, but I'm having trouble getting it to work correctly. I'd appreciate any other suggestions for how to tackle this!
3 Answers
One approach you might consider is creating an SVG where you can embed the image and then color each letter individually on top. It could be a bit of work, but it might achieve what you're aiming for!
Related Questions
How to Build a Custom GPT Journalist That Posts Directly to WordPress
Cloudflare Origin SSL Certificate Setup Guide
How To Effectively Monetize A Site With Ads