Cara Membuat Efek Scrollable Splash Screen Dengan CSS3 Dan jQuery

Pada tutorial kali ini saya akan mengajarkan bagaimana caranya membuat efek Scrollable Splash Screen menggunakan CSS3 dan jQuery. Efek Scrollable Splash Screen adalah membuat efek intro pada halaman depan website kalian, dimana saat pengunjung membuka halaman website kalian maka pengunjung tersebut akan masuk ke halaman awal yang isinya bisa sebuah gambar atau video saja, dan saat pengunjung scroll halaman tersebut, baru pengunjung bisa menjelajahi isi dari website kalian.

Efek ini sangat bagus sekali jika kita terapkan pada halaman website kita, karena dengan menggunakan efek ini kita dapat menarik perhatian pengunjung, jadi buat kalian yang ingin menggunakan efek ini pada halaman website kalian, kalian bisa langsung mendownloadnya di link Download yang ada di bawah. Disini saya akan jelaskan sedikit step by step cara menggunakan efek Scrollable Splash Screen ini..

Pertama kalian bisa buat struktur HTML nya seperti gambar di bawah ini.

Untuk CSS nya seperti gambar di bawah ini.

Dan untuk jQuery nya.

Buat kalian yang ingin mendownload keseluruhan baris programnya kalian bisa klik link dibawah ini.

Demo | Download