Fungsi Property CSS Cursor

04/09/2014    Faizal Rafik    2274     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 rubah, 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 klik link demo dibawah ini untuk melihat tipe-tipe cursornya secara langsung.

DEMO

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 klik link demo dibawah ini :

DEMO

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