Fill background color and change color on Hover - cross browser supported solution

This project is all about creating an engaging effect where the background color and text color change simultaneously when hovering over elements on a webpage. This creates the illusion that the background color change is influencing the text color in real-time. The trick lies in the implementation: the background color acts as a container that moves in the opposite direction of a duplicated text element.

Originally made for a bank's website, this design was later dropped and is now available for anyone to use. Interestingly, among all my works, this project has caught the most attention from people looking for similar solutions. On CodePen, it has received 15k views so far.