CSS Sprite Navigation Generator: Nav-o-Matic Free Online Tool

Nav-o-Matic is a free online tool for creating navigation sprites in a few simple clicks.

You will need an image with 2 rows (no vertical navigation yet) like this one, then lay down some guides like in Photoshop, define the CSS options and Nav-o-Matic will generate all the code you’ll need to get your navigation working.

Nav-o-Matic sprite generator

There is a lot more functionality planned, but for now, Nav-o-Matic only support for 2 states: Normal and hover, hover also acts as the active/on state.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>