mix-blend-mode
Propiedad CSS que mezcla un elemento con lo que hay detrás usando los mismos modos que aparecen en programas de edición de imagen — multiplicar, pantalla, diferencia y una docena más.
Dos usos son realmente prácticos. Con difference, un texto puede colocarse sobre cualquier fondo y seguir siendo legible, porque invierte el color respecto a lo que tiene debajo en vez de usar un color fijo — lo que resuelve el problema de un titular sobre una imagen que no controlas. Y multiply sobre una superficie de color da un efecto duotono a una imagen en escala de grises sin tener que editarla. La propiedad isolation: isolate limita hasta dónde llega la mezcla. La trampa es la misma que con backdrop-filter: la mezcla ocurre dentro de un contexto de apilamiento, y como un transform, una opacity menor que uno o un filtro en cualquier punto de la cadena de ancestros crea uno, el comportamiento resulta a menudo sorprendente.