Sleek Interactive
4159 Enquist Rd
Campbell River, BC V9H 1A4OFFICE: 778 420 3918
MOBILE: 250 204 6475
Recent Blog Posts
*content_window*Reserved words in Javascript "Content_Window" is not the only match in this case....
September 19th, 2011
scrollup(),scrolldown() is not a functionOdd Javascript behaviour scrollup(),scrolldown() is not a function - possible reserved words...
August 31st, 2011
CSS !importantUsing !important with inline styles
August 28th, 2011
Custom CSS CursorsLearn how to add custom cursors to any CSS element in your website....
August 23rd, 2011
Social Networking Timestamp OperatorLearn to create a Timestamp Operator in PHP using the PHP Date function...
August 23rd, 2011
Blog Posts » CSS »
Custom CSS Cursors
BLOG CATEGORY: CSS | Posted on: August 23rd, 2011 |
if you are using a CSS3 compatible browser you may have noticed custom cursors in this website. These have been added thanks to the great improvements in the evolution of CSS as well as most Browser's finally supporting current versions.
Now we can create CSS classes like:
.ccursor_pointer {
cursor: url('pointer.cur'), pointer;
}
.ccursor_wait {
cursor: url('wait.cur'), wait;
}
Applying either class to any element will apply the custom cursor. Just be sure your path to cursor is correct. The additional options (pointer & wait) refer to the CSS browser version of the cursors - these are used if the Custom file cannot be loaded or if the browser or OS does not support the url attribute with CSS cursors. By specifying the default for situations like this, you regain some control over the cursor even though full support is not available (older browsers, Mac OS, etc).
