XF 1.4 How to scale css sprites (e.g. Smilies)

Myke623

Active member
#3
Cheers Jake.

My preference would be to not create separate images or a sprite sheet for this purpose so I'll have a play around with the ideas suggested in the link.
 
Last edited:

Myke623

Active member
#4
In case anyone has a need for this, following on from the suggestion of using zoom and transform-scale properties, I contain my smileys that I wish to scale down within a div and style it as so:

Code:
.smilieSmaller
{
    display: inline-block;
    zoom: 0.80;
    -moz-transform:scale(0.80);
    -moz-transform-origin: 0 0;
    -o-transform:scale(0.80);
    -o-transform-origin: 0 0;
}
The end result, as shown in Chrome, you can see the smaller (80%) version appearing in the tab, and the normal size below:
smilie-small-chrome.PNG
 
Top