Spritebox.net – Create CSS Classes From Sprites

  • March 25, 2011

Spritebox.netA new tool that is squarely aimed at web designers, Spritebox lets them create CSS classes from a single sprite image. This is achieved by aligning the different areas of the sprite image to be used into the block elements of the webpage in question. Technically, such a thing is made possible by combining JQuery, CSS 3 and HTML 5, and Spritebox is compatible with Firefox, Chrome, Safari and Opera.

The site has a resizable editor that lets you either upload the image that you want to have used or supply the URL where such an image can be found, and then adjust it manually by changing its width, height and position. A preview window will let you see the effect of all these changes in real time.

Spritebox can be used for free, and there is no need for you to sign up in advance either. The site is usable on the fly – as long as you have any of the browsers mentioned above, then you will be able to start turning your images around.

Read more on Spritebox.net – Create CSS Classes From Sprites…