Membuat Efek Hover Pada Text

Hallo teman-teman DUMET School, pada tutorial kali ini saya akan mnegajarkan bagaimana caranya membuat efek hover pada text. Teman-teman pasti sudah pada tau kan apa itu efek hover, kalau ada yang lupa saya akan jelaskan sedikit apa itu efek hover, efek hover adalah sebuah efek yang muncul ketika kita arahkan kursor atau mouse pada elemen link atau elemen lainnya yang ada di website kita. Jadi ketika kita arahkan kursor pada elemen yang terdapat efek hover maka akan terjadi perubahan pada elemen tersebut. Nah di bawah ini kita akan coba membuat efek hover yang begitu wow pada text. Efek hover yang akan kita buat ini bisa teman-teman terapkan atau gunakan di dalam website teman-teman. Oke dari pada kita membahas teori terus menerus mending kita langsung prakatekkan saja ya teman-teman .

Nanti kita akan coba buat efek hover seperti ini.

Pertama Teman-teman bisa buat tampilan HTML nya seperti gambar di bawah ini.

Kemudian untuk CSS nya seperti gambar di bawah ini.

Nah untuk teman-teman yang ingin mendownload source code nya teman-teman bisa klik link download di bawah ini.

Download