Animated Flip side in IE

[yachtinteract]

Hi,
I am trying to use the flip box idea as is on the demo site and the example content at the bottom of the page:
[sf_iconbox image=’ss-signpost’ character=” type=’animated’ title=’Fully Documented’ animation=’none’ animation_delay=’200′]
Whether you’re the kind of person who reads instruction manuals or not, we’ve written one that explains all of Dante’s capabilities in intimate detail.
[/sf_iconbox]

The issue I am having is when you hover over the content in IE 11 you dont get the text you just get the reverse of the image and title. It is fine in Crome.

Any ideas?

Jonathan

[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

[yachtinteract]

Thanks for the quick response.

That does not appear to have helped.

This is the page if you want to check http://greenline.inspirationmarine.co.uk/varianta-37/

Thanks,

Jonathan

[bjorngils]

Same problem here!

[Kyle – SUPPORT]

Ok let me forward this to the developer.

Thanks for your patience

– Kyle

[Swift Ideas – Ed]

Hi there,

This should fix it:

.sf-icon-box-animated .back {
backface-visibility: visible;
}

Let me know!

– Ed

[yachtinteract]

Hi Ed,

Yes that has fixed it!

Thanks,

Jonathan

[Swift Ideas – Ed]

Glad I could help 🙂

– Ed

[hamlik2002]

This is still a mess on smartphones… I’m using android… Samsung Galaxy S4

[Swift Ideas – Ed]

Can you take a screenshot of what is showing for you? Have you tried the above code?

– Ed