CSS Sprite not sizing properly

Asked Sep 05 '20 at 03:49

Active Sep 05 '20 at 05:13

Viewed 29 times

I want to make the sprite into an icon at the top of the navbar but when I try to size down the sprite it cuts off the sprite and only sizes downs the box, how do I make it so the image sizes down and the box? I have tried moving the sprite to fit but it doesn't go down in size.

HTML below

<a href="#" class="navbar-brand">
    <img class="sprite logo1">
</a>

CSS below

.sprite {
    background: url('images/css_sprites.png') no-repeat top left;
}

.sprite.logo1 {
    background-position: -500px 0;
    width: 300px;
    height: 400px;
}

edited Sep 05 '20 at 05:13

asked Sep 05 '20 at 03:49

HussainMusawi

https://stackoverflow.com/questions/2430206/how-can-i-scale-an-image-in-a-css-sprite – S Henry Sep 05 '20 at 05:21
use `background-size` instead using width and height. – Rayees AC Sep 05 '20 at 08:40
Does this answer your question? [How can I scale an image in a CSS sprite](https://stackoverflow.com/questions/2430206/how-can-i-scale-an-image-in-a-css-sprite) – Rayees AC Sep 05 '20 at 08:41

CSS Sprite not sizing properly

0 Answers0