Retirar fundo rápido com mix-blend-mode no CSS - Bruno Devx - BR Criativus

post #1909

Retirar fundo rápido com mix-blend-mode no CSS

Publicado em: 12/08/2022 / Atualizado em: 14/07/2023

Categorias: BlogCSS

Use esta propriedade do CSS para mesclar imagens e até mesmo remover fundo brando de uma imagem:

img {
    mix-blend-mode: multiply;
}

Outros valores que podem ser aplicados com mix-blend-mode:

/* Valores para esta propriedade */
mix-blend-mode: normal;
mix-blend-mode: multiply;
mix-blend-mode: screen;
mix-blend-mode: overlay;
mix-blend-mode: darken;
mix-blend-mode: lighten;
mix-blend-mode: color-dodge;
mix-blend-mode: color-burn;
mix-blend-mode: hard-light;
mix-blend-mode: soft-light;
mix-blend-mode: difference;
mix-blend-mode: exclusion;
mix-blend-mode: hue;
mix-blend-mode: saturation;
mix-blend-mode: color;
mix-blend-mode: luminosity;

/* Valores globais */
mix-blend-mode: initial;
mix-blend-mode: inherit;
mix-blend-mode: unset;

Publicações recomendadas:



Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato