Hallo teman-teman, apa kabar? semoga baik, bertemu lagi pada tutorial dumet school, untuk teman-teman yang sudah faham css mungkin sering menggunakan efek cursor:pointer pada css, dengan menggunakan pengaturan itu cursor akan berubah pada element yang kita berikan style tersebut, nah kita sering menggunakan efek pointer yaitu merubah cursor menjadi bentuk tangan, nah pertanyaannya adakah tampilan lain selain properties pointer pada cssnya?

jawabannya tentu saja ada, nah pada artikel kali ini saya akan mencoba merubah bentuk dari si cursor menjadi bentuk seperti sedang memproses sesuatu, ada gambar muter-muternya gitu hehe,

sebenarnya sangatlah mudah teman teman, kita hanya perlu mengganti properties pointer dengan value animasi lainnya,
sekarang coba teman-teman ganti cursor pointer menjadi progress, script nya adalah sebagai berikut :

p{
cursor : progress;
}

disini saya menggunakan element p sebagai contoh, saya menggunakan properties progress, dengan begitu cursor akan berubah ketika kursor kita arahkan ke element p, menjadi seperti Efek loading, ehhe, cukup simple kan, sekarang coba sendiri dirumah ya, semoga bermanfaat, terimakasih 🙂