“Hintergrund mit Bild und Gradienten” Code-Antworten

linearer Gradient mit Bild

#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

Hintergrund mit Bild und Gradienten

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

Hintergrundbild mit Gradienten -CSS

.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

Hintergrund-Image Linear-Gradient-URL

  body {
    background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), linear-gradient(red, yellow);
    background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), -webkit-gradient(linear, left top, left bottom, from(red), to(yellow));
    background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), -moz-linear-gradient(top, red, yellow);
  }
Busy Butterfly

Ähnliche Antworten wie “Hintergrund mit Bild und Gradienten”

Fragen ähnlich wie “Hintergrund mit Bild und Gradienten”

Weitere verwandte Antworten zu “Hintergrund mit Bild und Gradienten” auf CSS

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen