5

I am making a css 3d transforms web app, and I would like IE11 to be supported if possible. I know IE10 does not support the preserve-3d value for the transform-style css attribute, but I'm not sure about IE11. I have read some stuff that says that IE11 should support it, but the examples I tried didn't work properly (IE11 on Windows 8.1 here). So, does IE11 fully support css 3d transforms and preserve-3d?

markasoftware
  • 12,292
  • 8
  • 41
  • 69

2 Answers2

9

According to Can I Use, transform-style: preserve-3d is not supported by Internet Explorer as of version 11.

In the MSDN documentation, you can apparently manually apply the transformations to child elements to emulate the effect.

Cory Carter
  • 144
  • 7
  • Thanks! Also good that you included a workaround, but don't expect anyone to go to that much trouble...especially to support IE – markasoftware Oct 21 '13 at 22:22
  • 1
    Ah well, [**I did**](http://stackoverflow.com/questions/17203550/how-to-recreate-perspective-origin-effect-by-transforming-child-elements) (just in case someone is interested in an example), but I'm probably never going to do that again unless I'm getting paid in islands, it's just not worth the trouble :) @Markasoftware – ndm Oct 22 '13 at 15:39
  • @ndm agreed on the islands thing. This is one of those cases where IE costs waaaaaay too much to support. – dudewad Dec 29 '15 at 01:49
3

Microsoft are adding support for transform-style: preserve-3d. It is supported in IE for Windows 10 tech preview.

Source: http://status.modern.ie

Blog: http://blogs.msdn.com/b/ie/archive/2014/11/11/living-on-the-edge-our-next-step-in-interoperability.aspx

David Storey
  • 29,166
  • 6
  • 50
  • 60