Mar
CSS cursor tricks
CSS is part of the punchline of my T.O.W. and yet I have hardly blogged about it. So here is another cool CSS trick to create different mouse cursors. Like so.
There are two types of cursors widely prevalent on the web: (a) the I-kind, which you see whenever you hover your mouse over any text field (try it on the url bar) (b) the regular pointer that you see everywhere. Chances are even on your desktop, ‘coz most people don’t use any themes to change it.
Using CSS, you can, on any part of your webpage, change the mouse cursor. You can use a cross-hair type, or a resize cursor, a hand, a progress cursor or any other number of cursors that you fancy.
The W3 Schools has a good roundup (obviously) on the CSS cursor properties. But, I found an even more useful tutorial over at EchoEcho. What sets this tutorial apart from the one at W3Schools and many others is the special consideration of providing images of all the cursors that can be used.
