CSS-propiedad-mezcla modo de fondo
Ejemplos
El modo mixto:
div {
Anchura: 290px;
altura: 69px;
fondo-size: 69px 290px;
background-repeat: no-repeat;
Imagen de fondo: lineal gradiente ( a la derecha, verde 0%, 100% blanco), url ( 'logo.png');
fondo-mezcla-mode: color- esquivar;
}
Anchura: 290px;
altura: 69px;
fondo-size: 69px 290px;
background-repeat: no-repeat;
Imagen de fondo: lineal gradiente ( a la derecha, verde 0%, 100% blanco), url ( 'logo.png');
fondo-mezcla-mode: color- esquivar;
}
Trate »
Definición y Uso
atributo de mezcla de modo de fondo define el modo de fusión de la capa de fondo (color de imagen).
Por defecto: | normal |
---|---|
heredada: | no |
animatable: | no. Ver animatable |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar .style.backgroundBlendMode "pantalla" = |
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de propiedad.
propiedad | |||||
---|---|---|---|---|---|
fondo-mezcla-mode | 35.0 | No es compatible | 30.0 | 7.1 | 22.0 |
sintaxis CSS
background-blend-mode: normal|multiply|screen|overlay|darken|lighten|color-dodge|saturation|color|luminosity;
propiedad Valor
valor | descripción | Ejemplos |
---|---|---|
normal | Predeterminado. Ajuste del modo de mezcla normal. | Trate » |
multiplicar | modo Multiplicar. | Trate » |
pantalla | Modo de color. | Trate » |
superposición | el modo de superposición. | Trate » |
oscurecer | el modo más tenue. | Trate » |
aligerar | el modo de iluminar. | Trate » |
color de esquivar | Modo de Color Dodge. | Trate » |
saturación | modo de saturación. | Trate » |
color | Modo de color. | Trate » |
luminosidad | modo de brillo. | Trate » |
Artículos relacionados
CSS tutorial: fondo CSS