Modificador modo mescla

O modificador FolEs modo-mescla define como o conteúdo de um elemento deve ser mesclado com o conteúdo do elemento pai e o plano de fundo.

Sintaxe

/* Valores específicos */
modo-mescla: normal;
modo-mescla: multiplicar;
modo-mescla: sobrepor;
modo-mescla: tela;
modo-mescla: escurecer;
modo-mescla: clarear;
modo-mescla: subexposição;
modo-mescla: cores-quentes;
modo-mescla: luz-forte;
modo-mescla: luz-fraca;
modo-mescla: diferença;
modo-mescla: excluir;
modo-mescla: espaçar;
modo-mescla: matiz;
modo-mescla: saturar;
modo-mescla: colorir;
modo-mescla: luminosidade;

/* Valores globais */
modo-mescla: herdar;
modo-mescla: inicial;
modo-mescla: reverter;
modo-mescla: reverter-camada;
modo-mescla: desarmar;

Tradução para CSS

modo-mescla é traduzido para mix-blend-mode.