Skip to content

CSS3 Compliant Cursors in an OmniGraffle Stencil

July 10, 2011

I use apirak’s “Web Sketch Interface v2” OmniGraffle stencil from Graffletopia to plan my website designs. It is my go-to stencil. However, I recently needed a group of CSS3 compliant cursors (like pointer, and crosshair), and couldn’t find anything for OmniGraffle that didn’t have a white background, or just not match my need. So, I spent a little time this Sunday whipping up just what I needed. It’s available for download from Graffletopia. I hope others find it useful.

Preview image of Web Sketch Cursors available from Graffletopia

CSS3 Compliant cursors in a "sketch" style, for mocking up web UX designs. Includes: default, crosshair, pointer, move, text, wait, help, progress, not allowed, vertical text, and several resize arrows.

Advertisements
One Comment leave one →
  1. March 19, 2012 6:56 am

    Hi,
    For cursor you can also set in css to use an image, “.cur’ type.
    Example:
    #idiv { cursor:url(‘bluearrow.cur’), default; }

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: