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.