Question

I know you can change the cursor of a web page with an image, but is it possible to 'style' the cursor only using CSS?

Something like...

div.changecursor:cursor {
    width: 10px;
    height: 10px;
    background: blue;
    border-radius: 199px; /* make it a circle */
}
Was it helpful?

Solution

The cursor property allows the use of an url linking an image to be used as cursor. In that way you may customize as much as you want

property and value

.classX {
cursor: url(myCursor.cur);
}

Ok with a gif, etc

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top