Image sprite is nothing but a collection of images put into a single image. When web page loads then for a particular location we show particular position of a image. For multiple images it takes time to load on a server. That is why we use single image for multiple position to save bandwidth.
<!DOCTYPE html>
<html>
<head>
<style>
#img1{
width: 151px;
height: 400px;
background: url(sprite.png) 0 0;
}
#img2{
width: 151px;
height: 400px;
background: url(sprite.png) -148px 0;
}
</style>
</head>
<body>
<img id="img1" src="img_trans.gif"><br />
<img id="img2" src="img_trans.gif">
</body>
</html> In a world where digital presence is paramount, the question isn't whether you should do…
Over the years, people have experimented with various methods to maintain healthy and beautiful hair.…
Your brand more than developing an attractive and creative logo and infectious motto. It's the…
Introduction Are you someone who has suffered from a personal injury and want to file…
Operating from home has emerged as one of the most popular ways of doing jobs…
If the consequences of our society’s ever-growing debt are what worries you, then it is…
