January 12, 2012

New CSS3 Cursor Styles

   |   Related thoughts:

The icon used to identify a cursor changes in different circumstances. For example, it’s normally a text selection bar when mousing over text, but changes to a pointer when mousing over a link. CSS lets you control the icon used for the cursor, so you can customize its appearance as visitors to your site mouse around the page. You can use different cursor types to signal specific user interface elements. For example, if you want to create a pop-up tooltip effect to display a definition of words around the page, you could change the cursor to a question mark when a user mouses over one of the defined words. CSS has always offered a handful of cursor types, and CSS3 offers a bunch more. SitePoint provides an interactive overview of the new (and old) cursor types.