Mengenal Jenis-Jenis Properti Kursor CSS3

Hallo, Jumpa lagi dengan saya 🙂 , Di artikel ini saya akan jelaskan dan Mengenalkan Jenis-Jenis Properti Kursor CSS3, Mungkin telah tak asing lagi ketika kita melihat kursor di komputer, ada pelbagai macam format kursor ketika kita arahkan kursor di unsur tertentu, Nah berikut saya akan kasih tau kalian beberapa macam kursor yang dapat kita gunakan bagi tampilan laman.



Seketika saja, silahkan kalian buka teks editor terlebih dahulu, kemudian kalian ketikan kode berikut ini.



<p>Jenis Kursor Di CSS3</p>
<span style=cursor:auto>auto</span><br>
<span style=cursor:crosshair>crosshair</span><br>
<span style=cursor:default>default</span><br>
<span style=cursor:e-resize>e-resize</span><br>
<span style=cursor:grab>grab</span><br>
<span style=cursor:help>help</span><br>
<span style=cursor:move>move</span><br>
<span style=cursor:n-resize>n-resize</span><br>
<span style=cursor:ne-resize>ne-resize</span><br>
<span style=cursor:nw-resize>nw-resize</span><br>
<span style=cursor:pointer>pointer</span><br>
<span style=cursor:progress>progress</span><br>
<span style=cursor:s-resize>s-resize</span><br>
<span style=cursor:se-resize>se-resize</span><br>
<span style=cursor:sw-resize>sw-resize</span><br>
<span style=cursor:text>text</span><br>
<span style=cursor:w-resize>w-resize</span><br>
<span style=cursor:wait>wait</span><br>
<span style=cursor:not-allowed>not-allowed</span><br>
<span style=cursor:no-drop>no-drop</span><br>


Setelah itu, simpan terlebih dahulu, kemudian kalian coba buka di browser masing-masing dan lihat hasilnya dengan cara mengarahkan kursor di diantara nama kursor yang tertera diatas. Bagus seperti itulah beberapa macam kursor yang dapat kalian gunakan bagi laman, sekianlah artikel mengenai Mengenal Jenis-Jenis Properti Kursor CSS3, semoga bermanfaat, amin.



 




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS