Text Colour Change Between Sections

Text Colour Change Between Sections

Ever seen those divs and text secitons that follow you down the page, but then switch colours when the background colour of the section changes? It's actually a lot more simple to apply then you might think.

Add this code to the <head> in your project settings:

.text-class-name {
mix-blend-mode: difference;

You'll want to use the class of the text element or div element that you want to change colour as you move between sections.

Download Assets
See an Example Website

Other Code Snippets

Learn How to Turn More Website Traffic into Customers in Just 5 Days

Trusted by hundreds of businesses around the world.

Nice! You're in the loop. Talk soon.
Oops! Something went wrong while submitting the form.