In this post you will see how easy is use a custom cursor in your web site with CSS.
The cursor CSS property allows you to use a set of predefined options like ‘pointer’, ‘default’, ‘help’ or ‘wait’. But that’s not all you can do, this property also allows you to use your own cursor using a url():
cursor: url('custom-cursor.ico'), default;
To see it working check out this demo.
Thats it, very simple. With a single line of CSS you can get up and running a custom cursor in your site.