CODEWITHSUNDEEP
cssspritecss-sprites
Claudio
Claudio

Reputation: 904

Stretch image CSS?

I got a collection of flag sprites here.

How it basically works:
It has one png file containing all the flags, that's used as a background of a class. There's a different subclass for every flag, which set's the background position.

.flag {
width: 18px;
height: 12px;
background:url('images/flags.png') no-repeat
}

.flag.flag-ao {background-position: -18px 0}

Unfortunately it's so small you need a magnifier.
Is there a way to zoom/stretch it?

(I tried height and width but they just uncover rest of the flags)

Upvotes: 0

Views: 258

Answers (1)

rrugbys
rrugbys

Reputation: 282

I have done this But the image will blur due to strech Check if it work out for you

     .flag.flag-ao {background-position: -18px 0; 
        -webkit-transform:scale(3,3);
        -moz-transform:scale(3,3);
        -ms-transform:scale(3,3);
         transform:scale(3,3);
     }

Check on fiddle

Upvotes: 1

Related Questions