Parallax Effect CSS

Parallax Effect CSS

Halo teman-teman YELLOWWEB, kita berjumpa lagi ya diartikel terbaru. Nah untuk artikel kali ini, kita akan mencoba mencari tahu bagaimana cara membuat Parallax Effect dengan menggunakan CSS.

Parallax pada website ini sebenarnya adalah teknik khusus dimana benda yang berada di latarbelakang (background) bergerak lebih lambat dibandingkan dengan yang berada di latar bagian depan (frontground), sehingga akan menimbulkan efek 3D, meskipun grafik yang dibuat menggunakan 2D.

parallax-scrolling-mario.gif

Parallax Effect CSS

Gambar yang diatas contoh Parallax pada game super mario.

Yuk kita coba buat Parallax Effect dengan menggunakan CSS 😊

buatlah file dengan nama index.html

Untuk CSS saya mencoba meletakkan di tag atau dengan embeded css

Berikut ini hasilnya dan selamat mencoba ingat selau berkreasi

Comments are closed.