My experience with this animation in IE11 is not what I expected.
I thought it would open like a book.
This animation was made using Google Web Designer (I've kept the code short for simplicity).
If you want to see how it looks in IE11, click here: JSFiddle (open in IE11)
Interestingly, the animation works perfectly in Chrome (the only difference being the inclusion of WebKit prefixes).
If you're curious, here are some key points to note:
@keyframes mykeyframes {
0% { transform: translate3d(0px, 0px, 2px); }
100% { transform: matrix3d(-0.9998476952, 0, 0.0174524064, 0, 0, 1, 0, 0, -0.0174524064, 0, -0.9998476952, 0, 0, 0, 2, 1); }
}
Update: I recently discovered that if you don't fully animate it (only open part way), it actually works fine in IE11 - http://jsfiddle.net/e45q5/3/
Update2: I suspect this issue is related to a bug discussed in this forum: https://groups.google.com/forum/#!newtopic/gwdbeta/gwdbeta/EOKnHw5qXmk