Fungsi Property CSS Cursor

04/09/2014    Faizal Rafik    5636     Website

Baiklah pada tutorial kali ini saya akan mengajarkan tentang fungsi Property CSS Cursor. Fungsi dari Property CSS Cursor adalah untuk mendefinisikan tipe cursor (Pointer Mouse) yang ingin kita ubah, jadi saat cursor kita arahkan ke tag link atau tag yang bisa diklik maka kursor akan berubah sesuai yang sudah kita tentukan. DI CSS3 ini sudah disediakan beberapa jenis tipe cursornya dan kita juga bisa mengcustom cursornya sesuai dengan kemauan kita. Berikut adalah tipe-tipe cursor yang sudah ada di CSS3.

Kalian bisa buka link demo di bawah ini untuk melihat tipe-tipe cursornya secara langsung.

dumenity.com/demo/demo-cursor/

Custom Cursor

Nah kalian juga bisa mengcustom cursor sesuai yang kalian inginkan. Caranya kalian download terlebih dahulu jenis atau tipe cursor yang kalian inginkan kemudian kalian bisa buka website cursor.cc untuk kita generator atau kita convert gambar yang berformat gif, jpg, png, dan lain-lainnya menjadi ke gambar yang berformat cur, setelah kalian convert kalian bisa panggil di CSS nya seperti kode dibawah ini :

HTML

Pada kode HTML diatas, didalam tag <a> saya tambahkan atribut class dengan nama custom.

CSS

Untuk melihat hasilnya kalian bisa buka link demo di bawah ini :

dumenity.com/demo/demo-custom-cursor/

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More