Encabezado camaleónico

Bonita demostración de Sebastiano Guerriero. Cuando un encabezado de posición fija se mueve desde fondos superpuestos de diferentes colores, los colores cambian para ser apropiados para ese fondo. La técnica de Sebastiano es muy inteligente, involucra múltiples copias del encabezado dentro de cada sección (donde las copias están ocultas para los lectores de pantalla) que se colocan una encima de la otra y luego se revelan a medida que llega la nueva sección, gracias a que cada sección tiene un clip-pathalrededor. .

Un auténtico truco de CSS si alguna vez he visto uno.

Me hace desear que hubiera una manera más fácil de hacerlo. ¿Y si hubiera algún valor mágico que mix-blend-modepudiera manejarlo? Me acerqué lo suficiente como para darme esperanza.

Enlace directo →