Cursor

Learn how to create a Cursor. Try different types of Code Snipptes given below.


What is a Cursor?

All Built-in Cursors Example

Move your cursor over the boxes below to see different built-in cursor types in action.

Auto
Default
Pointer
Crosshair
Move
Text
Wait
Help
Progress
Not Allowed
East Resize
North East Resize
North West Resize
North Resize
South East Resize
South West Resize
South Resize
West Resize
North-South Resize
East-West Resize
North East South West Resize
North West South East Resize
  1. Cursor is a built in css style used to change the shape of a cursor for an element.
  2. It imdicates the situaltion of teh element or the page and provide better understanding.
  3. Style .element {cursor: pointer;}
  4. Created using html and css.

Snippets

Check different code snippets of implementing a Cursor.

Snippet 1

Example 1 Example 2 Example 3


FEEDBACK