Ajax Loader
×

Custom Cursor Images with CSS

Nifty little feature provided by CSS2. Just hover over (move your mouse) the big div and you'll see your cursor transform into an image! You probably won't notice it in Opera and IE (as usual). FYI, CSS3 allows us to specify the "hotspots" in the syntax like this:

cursor: url(cursor1.png) 4 12, auto;

More information at MDN as always! :)

I would also recommend reading this tutorial for an indepth information on the subject. The tutorial clarifies lots of points like why (and when) you should be using cursor images and what should be the correct steps taken for more cross browser compatibility.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Custom Cursor Images with CSS

    CSSDeck G+