Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.
Introducción
La propiedad CSS mix-blend-mode
describe cómo el contenido de un elemento debe mezclarse con el contenido del elemento que está tras él y con el fondo del elemento.
Valor inicial | normal |
---|---|
Applies to | all HTML elements |
Heredable | no |
Media | visual |
Valor calculado | como se especifica |
Animatable | no |
Canonical order | el orden único no-ambigüo definido por la gramática formal |
Creates stacking context | yes |
Sintaxis
/* Valores clave */ 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 globales */ mix-blend-mode: initial; mix-blend-mode: inherit; mix-blend-mode: unset;
Valores
<blend-mode>
- Es un
<blend-mode>
que denota el modo de mezcla que debe ser aplicado. Puede haber varios valores, separados por comas.
Sintaxis formal
<blend-mode>
Ejemplos
<svg> <circle cx="40" cy="40" r="40" fill="red"/> <circle cx="80" cy="40" r="40" fill="lightgreen"/> <circle cx="60" cy="80" r="40" fill="blue"/> </svg>
circle { mix-blend-mode: screen; }
Resultado
Especificaciones
Especificación | Estado | Comentario |
---|---|---|
Compositing and blending Level 1 The definition of 'mix-blend-mode' in that specification. |
Candidate Recommendation | Especificación inicial. |
Compatibilidad de navegadores
Característica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Soporte básico |
41.0 |
32.0 (32.0) | ? | (Yes) | 8.0 |
SVG | Not supported | 32.0 (32.0) | ? | Not supported | Not supported |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support |
41.0 |
32.0 (32.0) | ? | ? | 8.0 |
SVG | Not supported | 32.0 (32.0) | ? | Not supported | Not supported |
Ver también
Etiquetas y colaboradores del documento
Última actualización por:
mrstork,