Membuat Efek Hinge Pada Close Popup

Pada tutorial berikut kita akan membuat efek hinge pada popup. Hinge merupakan animasi menggantung atau didefinisikan sebagai gantungan yang akan jatuh. Efek ini dibuat dengan keyframes CSS. Sedangkan popup dibuat dengan jquery magnific popup. Disini kita akan belajar cara memberikan efek hinge pada sebuah popup. Teman-teman mungkin sudah tau teknik animasi hinge namun perlu diketahui juga pemanggilan efek hinge tersebut dengan menggunakan jQuery.

Perhatikan kode dan preview Efek hinge pada close popup berikut :

See the Pen MwwZzG by dumetschool (@dumet) on CodePen.

Jangan lupa menambahkan source CSS dan JS magnific popup. Selamat Belajar.