“Cómo tener una imagen de fondo con una superposición de color” Código de respuesta

Cómo tener una imagen de fondo con una superposición de color

/* Working method */
.tinted-image {
  background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(255, 0, 0, 0.45), 
      rgba(255, 0, 0, 0.45)
    ),
    /* bottom, image */
    url(image.jpg);
}
Adorable Addax

Color de superposición en la imagen CSS

footer#site-footer{  
  position:relative;
}

footer#site-footer:before {     /* use before property (pseudo-element)  */
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}
Avenger

Respuestas similares a “Cómo tener una imagen de fondo con una superposición de color”

Preguntas similares a “Cómo tener una imagen de fondo con una superposición de color”

Más respuestas relacionadas con “Cómo tener una imagen de fondo con una superposición de color” en CSS

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código