CSS only split text colour on image overlap

CSS only split text colour on image overlap

Go to Source

See the Code
See it Full Page
See Details

CSS only demo of text overlapping an image, where overlap exists the text is a different colour. This could apply to solid colours as well.

Options for single line and multi line text with differing browser support.

Scale the viewport to see the overlap shift.

This Pen uses: HTML, SCSS, JavaScript, and