Icon box mirror firefox 30.0

[luketom]

Hey guys,

Weird thing, I’ve noticed on the animated icon boxes; Since updating firefox to 30.0 all the icon boxes are showing a mirrored version of the .back instead of the .front and then just reflecting on hover?

Had a quick play with the CSS but can’t seem to find a fix / reason? (plus i hate firebug & don’t really want to spend much time with it – Chrome is rendering it perfectly – standard.)

We’re running the latest WordPress (3.9.1) & Dante update (2.60) and as i said it is only doing this on the latest version of firefox. I had to update my firefox to find the bug as on firefox 29 it was working fine.

I’ll attach some shots.

All the best,

[Kyle – SUPPORT]

Hi

Try adding this to your custom css:

.no-csstransforms3d .sf-icon-box-animated .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.no-csstransforms .sf-icon-box-animated .back {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
}

– Kyle