Kredit Instant hingga 30 Juta!
Trading dengan Broker Terbaik

Cara memberikan Effect Hover Cursor pada CSS

14 September 2018 ()

HaiBerikut ini adalah Cara untuk mmberikan Effect Hover Cursor pada CSS :



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)