Animated text box issues in Firefox

[halfcj]

Seem to be a few display compatibility issues with Firefox. For example, an animated textbox doesn’t display the icon and title side of the textbox, but showing the mirror image of the content. Please see a chrome v Firefox screengrab attached.

Attachments:

You must be logged in to view attached files.

[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

[halfcj]

Yes that worked thanks.

[Kyle – SUPPORT]

No problem

– Kyle