Cara Membuat Tampilan Background Gambar Lebih Responsive

Membuat background gambar responsive.

Pada kesempatan kali ini, saya akan membuat sebuah tutorial tentang cara membuat background gambar responsive dengan css3 dan html. biasanya background ini digunakan untuk mempercantik tampilan website/ blog,sehingga pengunjung menjadi lebihnyaman melihat tampilan website kita nantinya.Tanpa basa basi lagi mari kita simak cara membuat background responsive di bawah ini:

Background Responsive

Berikut ini adalah sintak kode css yang nantinya diugnakan unutuk membuat background gambar menjadi responsive.

keterangan kode di atas:

background: url(url.gambar);  >  digunakan unutk memanggil gambar yang akan ditampilkan unutk dijadikan background nantinya.
background-repeat: no-repeata:  >  digunakan unutk membuat gambar supaya tidak muncul lebih dari satu atau berulang-ulang.
background-size: cover;  >  digunkan untuk membuat ukuran background mengikuti size pada layar nantinya. Atau ini adalah kunci untuk membuat background gambarnya menjadi responsive.

Baiklah sekian tutorial tentang cara membuat background gambar responsive,background gambar responsive dengan css3 dan html dari saya,semoga artikel ini bermanfaat bagi anda nantinya,
Trimakasih..