Blog Request tutorial? klik disini!

  • Fungsi Property CSS Cursor

    Ditulis oleh: Faizal Rafik
    1732 kali dibaca
    04 Sep / 2014 18:25

    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






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155