mix-blend-mode
CSS-egenskap som blandar ett element med det som ligger bakom enligt samma lägen som finns i bildbehandlingsprogram — multiplicera, skärm, differens och ett dussin till.
Två användningar är verkligt praktiska. Med difference kan text läggas ovanpå vad som helst och alltid bli läsbar, eftersom den inverterar mot underlaget istället för att ha en fast färg — vilket löser problemet med en rubrik ovanpå en bild man inte kontrollerar. Och multiply ovanpå en färgad yta ger duotoneffekt på en gråskalebild utan att bilden behöver redigeras. Egenskapen isolation: isolate begränsar hur långt ner blandningen når. Fällan är densamma som för backdrop-filter: blandningen sker inom en stackningskontext, och eftersom en transform, en opacity under ett eller ett filter någonstans i förfäderskedjan skapar en sådan blir beteendet ofta överraskande.