[Invitation] Cara Ubah Efek Animasi Out Pada Cover Undangan

Mau custom tampilan cover undangan digital dengan widget invitation agar efek animasi keluar covernya jadi lebih menarik? yuk pelajari caranya divideo ini:

[Animasi OUT] Efek Cover Undangan Digital Dengan Widget Invitation dari WeddingPress

Bahasan pada video ini, meliputi:

0:00 Apa itu cover undangan digital?
1:12 Mengapa butuh cover undangan dengan widget invitation?
3:16 Jenis efek animasi out pada cover undangan
4:24 Custom efek animasi out pada widget invitation

 

Untuk code scriptnya :

/* slide to left */
.removeModals {
transform: translateX(-200%);
transition: 4s ease-in-out;
}

/*slide to right */
.removeModals {
transform: translateX(200%);
transition: 4s ease-in-out;
}

/*slide to top */
.removeModals {
transform: translateY(-200%);
transition: 4s ease-in-out;
}

*ket:
4s artinya 4 detik. Lamanya durasi animasi. Semakin besar, semakin lama. Semakin kecil semakin cepat.