Ask mengenai pengaturan gambar di css [ Solved ]

Gimana cara setting gambar pada background seperti contoh di gambar ini

*Gambar menjadi agak gelap

avatar shinoharataiki
@shinoharataiki

15 Kontribusi 3 Poin

Diperbarui 7 tahun yang lalu

4 Jawaban:

Background-size: cover; Background-repeat: none; . . Coba gan :v

avatar Bang Newbie
@Bang Newbie

18 Kontribusi 2 Poin

Dipost 7 tahun yang lalu

waah ane lupa edit lagi

*Editing @Banag Newbie

avatar shinoharataiki
@shinoharataiki

15 Kontribusi 3 Poin

Dipost 7 tahun yang lalu

Jawaban Terpilih

Dibuat 2 layer gan. Yg satu layer gambar dikasih posisi relative yg layer berikutnya dikasih posisi absolute dan diberi background color pakai rgba. Untuk alphanya dikasih tingkat kepekatannya. Contoh html

<div id="layer1">
 <div id="layer2"></div>
</div>

Cssnya

#layer1 {
 Position: relative;
 Background: ...
}
#layer2 {
 Position: absolute;
 Top: 0;
 Left: 0;
 Z-index: 2
 Background-color: rgba(0,0,0,0.5)
}

avatar wandifrog
@wandifrog

274 Kontribusi 56 Poin

Dipost 7 tahun yang lalu

@wandifrog Terima kasih atas bantuannya saya sudah mendapatkan solusinyay dengan cara menggunakan rgba

Example = background-image:linear-gradient(rgba(23, 23, 23, 0.34),rgba(23, 23, 23, 0.34)), url("image.jpg");

avatar shinoharataiki
@shinoharataiki

15 Kontribusi 3 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban