CSS Sprite Generator

Online tools CSS sprite generator.

Thumbnails
You can drag and drop the images to change their order in the sprite.
      Options

      Offset:

      px

      Direction:

      File Type:

      Sprite
      Usage
      You can use a RegExp object for capturing the file name.
      . { ... }

      CSS:

      HTML:

      Preview
      This is a preview of your sprite using HTML/CSS and your image.
      keyboard_arrow_up