The W3C specification defines a keyword value of preserve-3d for this property, which indicates that flattening is not performed. At this time, Internet Explorer 10 does not support the preserve-3d keyword. You can work around this by manually applying the parent element’s transform to each of the child elements in addition to the child element’s normal transform.
I’ve tried this and I guess it kinda works. Not really though. It makes the 3d element look flat.
To make matters worse, IE 10 does NOT support IE only stylesheets.
What do I do? I don’t want to sacrifice innovation but I want to make my stuff available to as many people as possible.