“Gradiente lineal de imagen de imagen de fondo” Código de respuesta

Gradiente lineal con imagen

#show_bg_2 {
    background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),
    url('images/background.jpg');
    width: 80%;
    height: 400px;
    background-size: cover;
    color: white;
    padding: 20px;
}
Busy Butterfly

fondo con imagen y gradiente

body {
  background: #eb01a5;
  background-image: url("IMAGE_URL"); /* fallback */
  background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531); /* W3C */
}
Innocent Ibis

Imagen de fondo con CSS de gradiente

.background_img {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)), url(../Image/bg.jpg);
    /* background-image: url(../Image/bg.jpg); */
    width: 100%;
    height: auto;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}
Dangerous Duck

Gradiente lineal de imagen de imagen de fondo

background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(https://images.pexels.com/photos/768473/pexels-photo-768473.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500);
fawad ahmed

gradiente lineal horizontal CSS

background: linear-gradient(to left, red, blue);
Friendly Hawk

Gradiente lineal CSS

#grad {
  background-image: linear-gradient(to right, #f1b1b1 , #82e6e8);

}
rabbit.sol

Respuestas similares a “Gradiente lineal de imagen de imagen de fondo”

Preguntas similares a “Gradiente lineal de imagen de imagen de fondo”

Más respuestas relacionadas con “Gradiente lineal de imagen de imagen de fondo” en CSS

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código