Blog Request tutorial? klik disini!

  • Cara Membuat Efek Scrollable Splash Screen Dengan CSS3 Dan JQuery

    Ditulis oleh: Faizal Rafik
    1874 kali dibaca
    15 Nov / 2014 18:40

    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






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155