backside-visibility not working in IE10 - works fine in webkit

Question

I'm building a simple pure-css 'card flip' animation, it has to work in IE10, but sadly what I've written doesn't.

jsFiddle demo here or sample html zip here

I can see that backside-visibility works in IE10 from their demo here so maybe I've just overlooked something stupid, maybe a fresh pair of eyes might help!

Thanks in advance!

Answer 1

Well some Microsoft IE devs saw my tweet and jumped in with a fix already!

Apparently IE10 does not support preserve-3d, and they whipped up this jsFiddle demonstration

Big thanks to @reybango and @sgalineau for the help - very much appreciated.