Efek Transisi Pada jQuery Mobile

jQuery Mobile memiliki berbagai efek yang mencakup enam efek transisi berbasis CSS yang dapat diterapkan untuk setiap objek atau link halaman dimana kita dapat melihat perubahan dari satu halaman ke halaman berikutnya. Untuk dapat membuat animasi dari setiap perpindahan halaman akan lebih bagus kalau temen temen tambahkan animasi menggunakan elemen data-transition yang mana sudah terdapat pilihan jenis animasinya yaitu seperti slide, slidedown, slideup, flip, pop serta fade. Cara penggunaan cukuplah mudah hanya dengan langkah seperti ini.

Pertama kita akan buat 2 Halaman sebagai berikut

dan halaman kedua

Jadi temen temen dengan mudah mengatur efek transisi hanya menambahkan atribut data-transition terhadap elemen link. Maka nantinya halaman web mobile akan terlihat perubahan dari satu halaman ke halaman berikutnya.
Catatan: Dalam membuat efek transisi, browser yang kita gunakan harus mendukung Versi CSS3.
Cukup sederhana bukan ? temen temen tinggal memodifikasi sesuai kebutuhan dengan kreativitas temen temen. Selamat mencoba.

4 Juli 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat