CSS sprites repeatable

CSS sprites Wiki says:

To reduce the number of requests the browser makes to the server, some web designerscombine numerous small images or icons into a larger image called a sprite sheet

You can read advantage of CSS sprites here. Example of CSS sprites can be found here.

Background: Now the catch we had was while using CSS sprite to create repeatable image effect. When we increased width using css we saw the adjacent image repeating.

Solution: We used a single image vertical css sprite: image source.

Complete solution in here.

Happy Programming!

Advertisements

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