“Imagen de fondo CSS de gradiente lineal” 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

Imagen de fondo CSS de gradiente lineal

background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531);
abdullah

Respuestas similares a “Imagen de fondo CSS de gradiente lineal”

Preguntas similares a “Imagen de fondo CSS de gradiente lineal”

Más respuestas relacionadas con “Imagen de fondo CSS de gradiente lineal” en CSS

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código