CSS Nałożenie gradientu na zdjęcie

pytanie zadane 19 listopada 2017 w HTML i CSS przez TheFunny Gaduła (3,420 p.)

Witam

Wie ktoś może jak nałożyć gradient (chyba) na zdjęcie aby uzyskać efekt taki jak na tej stronie?

https://www.polygon.com/

1 odpowiedź

odpowiedź 19 listopada 2017 przez jaca121212 Nałogowiec (40,760 p.)
wybrane 19 listopada 2017 przez TheFunny

Najlepsza

Kod jest taki

@media (min-width: 600px)
chorus.css:2
.c-global-header:before {
    background-color: #ff0052;
    background: -webkit-linear-gradient(right, #ff0052, #8e2b88);
    background: -o-linear-gradient(right, #ff0052, #8e2b88);
    background: -moz-linear-gradient(right, #ff0052, #8e2b88);
    background: linear-gradient(right, #ff0052, #8e2b88);
}
chorus.css:2
.c-global-header:before {
    background-color: #ff0052;
    background: -webkit-linear-gradient(right, #ff0052, #8e2b88);
    background: -o-linear-gradient(right, #ff0052, #8e2b88);
    background: -moz-linear-gradient(right, #ff0052, #8e2b88);
    background: linear-gradient(right, #ff0052, #8e2b88);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}