Hallo sahabat Dumet berjumpa lagi di website yang selalu memberikan tips dan trik seputar pembuatan website, pada kesempatan ini saya akan membahas tentang efek animasi text terpotong dengan HTML CSS,baiklah agar tidak terlalu lama bgaimana kalau sahabat mengikut langkah-langkah berikut ini.Cara yang pertama sahabat siapkan terlebih dahulu struktur HTML nya ketikan seperti dibawah ini:

Cara yang kedua sahabat tambahkan CSS nya bisa dikuti sintax dibawah ini:

Jika sudah sahabat bisa menambahkan plugin untuk animasi text silahkan donwload disini ,dan tambahkan script dibawah ini:

Nah script diatas bisa sahabat ketikan sebelum tag </body>.

hasil sebelum di hover hasil setelah di hover

Gambar diatas adalah hasil yang sudah dibuat:

  1. gambar sebelah kiri saat kursor sebelum didekatkan
  2. gambar sebelah kanan setelah kursor didekatkan atau ada efek hover

Demikian pembahasan artikel ini,semoga bermanfaat dan selamat mencoba.