14 September 2018 (Friday, September 14, 2018)

Anda hanya perlu menambahkan kode cursor: namaeffect; pada barisan CSS elemen yang ingin diberikan effect hover pada cursor. atau anda juga bisa meletakkannya secara langsung pada kode HTML.

Contoh Penerapan :

• CSS :

.cursor-hover {
background:#4d4d4d;  
color: #fff; 
padding: 30px; 
border: 1px solid #cecece; 
border-radius: 5px; 
cursor: progress;
}

• HTML :

<a class="cursor-hover">CONTOH</a>

• MAKA HASILNYA :

CONTOH

• Ganti Bagian cursor: progress; dengan effect cursor yang diinginkan, Daftar Cursor Hover Style pada CSS silahkan lihat DISINI.

Semoga Bermanfaat, Happy Blogging :)

Tags : Blogger CMS (Content Management System)