Monday, July 7, 2014

magnifying glass cursor

For some reason, the standard set of CSS cursors don't include a magnifying glass. But most browsers support .cur files, i.e. custom custor bitmaps.

Haven't tested it in IE yet, but one bit of CSS seems to be:

.page {
   cursor: url('magnify.cur'), -moz-zoom-in;
}

(There's some word that (older?) versions of IE needed it to be an absolute path, for some ridiculous reason.)

For magnify.cur, I found this public domain file, but I didn't quite like it because the lens part was opaque. So I found cursor.cc, an online .cur file editor, and made this magnify.cur. Lets call it public domain too.

No comments:

Post a Comment