Membuat Efek Background Scrolling dengan CSS

Hallo teman-teman apa kabar, pada artikel ini kita akan membuat sebuah efek background yang menarik dengan menggunakan CSS. Selain untuk halaman website teknik ini juga bisa digunakan untuk halaman presentasi atau untuk deskripsi produk. Untuk membuatnya teman-teman hanya mengatur elemen dengan memberikan padding di suatu sisi sekitar 50% sehingga mendorong konten kesisi lain  dan mengatur background yang lebarnya sekitar 50% yang posisinya berlawan dengan konten. Setelah itu teman-teman mengatur background-attachment menjadi fixed. Untuk lebih jelas silahkan teman-teman membuat layout HTMLnya seperti dibawah ini:

Simpan kode diatas dan coba buat illustration_03 dan illustration_04 dengan konten yang sama. Buatlah style.css seperti berikut:

Untuk download hasilnya silahkan teman-teman klik disini.

Demikian tutorial ini semoga bermanfaat dan menambah pengetahuan teman-teman dalam menguasai CSS. Terimakasih