Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Gradient na obrazku
Forum PHP.pl > Forum > Przedszkole
ayo1001
Witam,

Mam taki kod:
Kod
.background-image {
    width: 100%;
    height: 500px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url('../images/slider/background.jpg');
}

Jak nałożyć na zdjęcie taki gradient:
Kod
.gradient {
    background: linear-gradient(215deg, rgba(126, 170, 255, 0.8) 0%,rgba(236,135,192,0.8) 100%);
}
trueblue
http://jsfiddle.net/fzvjubc1/1/
ayo1001
Dzięki kolego smile.gif

a jak zrobić, żeby zdjęcie było w <img> zamiast css ?
Comandeer
http://jsfiddle.net/Comandeer/utLptzzj/
ayo1001
Dzięki, no to został ostatni problem - rozciągający się obraz. Po bokach jest okej, tylko jest rozciągnięty z góry do dołu.

Można jakoś przesunąć obraz ?
Comandeer
Możesz pokombinować z jego rozmiarami. Hint: max-width i max-height mogą skalować obraz.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.