-->

VIOGANZ THEME

"VioMagz Redesain oleh TerEue Blogspot"
Membuat Jenis Tampilan Kursor Berbeda Saat Hover Di Blog

Membuat Jenis Tampilan Kursor Berbeda Saat Hover Di Blog


السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ


Apa itu kursor?

Berdasarkan hasil yang saya dapatkan dari Wikipedia, Kursor adalah suatu petunjuk atau indikator posisi pada monitor komputer atau peranti tampilan lain yang akan merespons masukan dari suatu masukan teks atau peranti penunjuk, atau istilah lainnya indikator atau pointer dari perangkat penunjuk seperti mouse.

Contoh Tampilan Kursor

Kursor memiliki jenis tampilan yang berbeda-beda menurut apa yang ia sorot (hover). Contoh mudahnya kalian dapat melihatnya pada sistem operasi yang terinstall di laptop atau komputer yang kalian gunakan, tak jarang pada suatu website menggunakan cara ini untuk mempermudah pengalaman pengguna saat mengunjungi website tersebut, berikut ini merupakan contoh tampilan kursor yang berbeda saat hover dan juga fungsinya.
ValueDemo CursorPenulisan
defaultCONTOH (HOVER)cursor : default
crosshairCONTOH (HOVER)cursor : crosshair
handCONTOH (HOVER)cursor : hand
pointerCONTOH (HOVER)cursor : pointer
Cross browserCONTOH (HOVER)cursor : hand
moveCONTOH (HOVER)cursor : move
textCONTOH (HOVER)cursor : text
waitCONTOH (HOVER)cursor : wait
helpCONTOH (HOVER)cursor : help
n-resizeCONTOH (HOVER)cursor : n-resize
ne-resizeCONTOH (HOVER)cursor : ne-resize
e-resizeCONTOH (HOVER)cursor : e-resize
se-resizeCONTOH (HOVER)cursor : se-resize
s-resizeCONTOH (HOVER)cursor : s-resize
sw-resizeCONTOH (HOVER)cursor : sw-resize
w-resizeCONTOH (HOVER)cursor : w-resize
nw-resizeCONTOH (HOVER)cursor : nw-resize
progressCONTOH (HOVER)cursor : progress
not-allowedCONTOH (HOVER)cursor : not-allowed
vertical-textCONTOH (HOVER)cursor : vertical-text
all-scrollCONTOH (HOVER)cursor : all-scroll
col-resizeCONTOH (HOVER)cursor : col-resize
row-resizeCONTOH (HOVER)cursor : row-resize

Untuk penggunanya, silakan sisipkan salah satu jenis cursor di atas sesuai kebutuhan. Sebagai contoh di bawah ini kode CSS nya :

cursor:hover {
color:#fff !important;
background:#111;
padding:5px;
transition-duration:2s;
-moz-transition-duration:2s;
-webkit-transition-duration:2s;
cursor:help;
}

Referensi : https://www.arlinadzgn.com/

Demikianlah artikel mengenai Membuat Jenis Tampilan Kursor Berbeda Saat Hover Di Blog kali ini, mudah-mudahan bisa membantu anda dan memberi manfaat untuk anda semua. Baiklah, sampai jumpa di postingan artikel lainnya.

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

TerEue Blogspot memiliki kebijakan dalam hal konten, seperti rewrite/repost juga share yang mengharuskan pengguna untuk mencantumkan sumber yang jelas jika ingin memakai konten kami sebagai referensi. Maka dari itu, jika ada yang melanggar , kami tidak akan segan untuk melakukan takedown ataupun pelaporan dan pemberitaan masalah pencurian konten dari situs kami.
Baca lebih lanjut kebijakan konten disini.

Beberapa artikel di blog ini terkadang berisi informasi dari berbagai macam sumber. Hak cipta berupa gambar, teks, dan link sepenuhnya dimiliki oleh web tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Jika Anda merasa bahwa artikel-artikel di blog ini bermanfaat, Anda bisa memberikan donasi melalui Paypal atau dengan Pulsa Dana hasil dari donasi akan digunakan untuk mengganti subdomain tereue.blogspot.com menjadi Top Level Domain - Terima kasih.
Bagikan dengan shortlink Google : Dapatkan Shortlinkloading short url

Posting Terkait

Berlangganan update artikel terbaru melalui email:

Tampilkan Komentar
Sembunyikan Komentar

0 Komentar untuk "Membuat Jenis Tampilan Kursor Berbeda Saat Hover Di Blog"

Catatan Sebelum Berkomentar
  • Silakan berkomentar dengan sopan. Jangan buang-buang waktu anda hanya untuk melakukan SPAM, Fake Account, dan Flamming disini.

Post a comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Tentang Template



VioGanz adalah template (tema) VioMagz Blogger premium yang telah melalui tahap redesain oleh TerEue Blogspot.

Riwayat Perubahan

- Rilisan Terbaru : v.Unlimited
- Tanggal Rilis : 26 Desember 2018

v.Unlimited (26 Desember 2018)
- Perubahan desain dan user interface
- Penambahan widget
- Perbaikan pada desain
- dan beberapa perbaikan kecil lainnya

Informasi Pengunjung

Harga estimasi
• Rp 26.590.266 •

Mulai mengetik dan tekan Enter untuk mencari

Kesalahan: Menu dimatikan!