You can repeat the code with new id, it should be
body#collection-64edb2eaf8f57d12ed53e99a .portfolio-hover-base:has([data-active="true"]) + .portfolio-hover-items .portfolio-hover-item-content{
color: #fff;
}
Hola!
On my two pages of portfolio work I have titles that have a photo appear in the background that coincide with that project. The issue I'm running into is that because my website background is light colored, I need the text to be dark. But when hovering over these titles and the photos appear in the background, it makes it difficult to read the titles. Is there a way to make the text reactive to what is behind it? Essentially like a "negative" filter on the text.
Here's my website and you can find this problem I'm running into under the "video' and "photo" tabs.
https://www.raphevaldez.com
Thank you for any help in advance!
Raphe got a reaction from Beyondspace in Adaptive Color/Negative Text
