I’m having the same issue, Obviously, because this is a browsers limitation issue. However, it is a shortcoming and when you read the compatibility list on themeforest and it says it’s IE compatible, I assume I don’t have to go check it on every browser that it is compatible.
Anyway, that said I love the theme and it’s functions. I wanted to point out that in Opera the CSS3 transition does not work either. However, it has an acceptable degradation by showing the relevant content on the “flip” side. Is there a way to force a degradation on IE that shows the “relevant” side, which can be assumed to be the “flipped” side?
Is there a way to make this work? From this article: http://davidwalsh.name/css-flip
/* entire container, keeps perspective */
.flip-container {
perspective: 1000;
transform-style: preserve-3d;
}
/* UPDATED! flip the pane when hovered */
.flip-container:hover .back {
transform: rotateY(0deg);
}
.flip-container:hover .front {
transform: rotateY(180deg);
}
.flip-container, .front, .back {
width: 320px;
height: 480px;
}
/* flip speed goes here */
.flipper {
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
}
/* hide back of pane during swap */
.front, .back {
backface-visibility: hidden;
transition: 0.6s;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0;
}
/* UPDATED! front pane, placed above back */
.front {
z-index: 2;
transform: rotateY(0deg);
}
/* back, initially hidden pane */
.back {
transform: rotateY(-180deg);
}
/*
Some vertical flip updates
*/
.vertical.flip-container {
position: relative;
}
.vertical .back {
transform: rotateX(180deg);
}
.vertical.flip-container:hover .back {
transform: rotateX(0deg);
}
.vertical.flip-container:hover .front {
transform: rotateX(180deg);
}
.