anhtranart Posted November 27 Posted November 27 Site URL: https://www.anhtranart.com/ Site URL: https://www.anhtranart.com/ I am trying to get my Index Thumbnail Titles to show in either Difference or Exclusion for contrast purposes. The titles only reveal on hover. I'm seeing mix-blend-mode is probably part of the solution, but I have no CSS/coding experience so I'm not sure what the correct syntax to target the element is.
Solution anhtranart Posted November 28 Author Solution Posted November 28 Update, I was able to solve this by using a combo of mix-blend-mode and background-blend-mode! #projectThumbs .project .project-image img { background-blend-mode: difference; } #projectThumbs .project .project-title { mix-blend-mode: difference; }
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment