CSS property-blend-modo de fundo
Exemplos
modo misto:
div {
width: 290px;
height: 69px;
background-size: 69px 290px;
background-repeat: no-repeat;
background-image: linear de gradiente ( para a direita, verde 0%, branco 100%), url ( 'logo.png');
background-blend-mode: cor- esquiva;
}
width: 290px;
height: 69px;
background-size: 69px 290px;
background-repeat: no-repeat;
background-image: linear de gradiente ( para a direita, verde 0%, branco 100%), url ( 'logo.png');
background-blend-mode: cor- esquiva;
}
tente »
Definição e Uso
atributo-mistura-modo de fundo define o modo de mesclagem da camada de fundo (imagem a cores).
padrão: | normal |
---|---|
Herdado: | não |
Animatable: | Não. Veja animatable |
versão: | CSS3 |
sintaxe JavaScript: | objeto .style.backgroundBlendMode "tela" = |
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
propriedade | |||||
---|---|---|---|---|---|
Fundo-mistura de modo | 35,0 | Não suporta | 30,0 | 7.1 | 22,0 |
CSS Syntax
background-blend-mode: normal|multiply|screen|overlay|darken|lighten|color-dodge|saturation|color|luminosity;
Valor de propriedade
valor | descrição | Exemplos |
---|---|---|
normal | Padrão. Definir o modo de mistura normal. | tente » |
multiplicar | o modo Multiply. | tente » |
tela | modo de cor. | tente » |
sobreposição | modo de sobreposição. | tente » |
escurecer | Modo Dimmer. | tente » |
iluminar | modo de iluminar. | tente » |
cor-dodge | o modo Color Dodge. | tente » |
saturação | modo de saturação. | tente » |
cor | modo de cor. | tente » |
luminosidade | modo de brilho. | tente » |
artigos relacionados
CSS tutorial: fundo CSS