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


Active member
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:


Active member
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:

    display: inline-block;
    zoom: 0.80;
    -moz-transform-origin: 0 0;
    -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: