dmotz / oriDomi

🪭 Fold up DOM elements like paper

Home Page:http://oridomi.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Internet Explorer 10

akurfuerst opened this issue · comments

Hey,

this plugin is really awesome. thanks for your hard work first.

So i tried this plugin in Internet Explorer 10 and 9. And there isn't a fold up effect, it's nearly an folding effect. I thought IE 10 is supporting all the nice css3 features.
But it seems that the plugins doesn't support these.

IE9 doesn't support CSS 3D transforms at all so I won't be able to get oriDomi working in it.

IE10 supports them to a degree but lacks support for the preserve-3d setting of transform-style. Since oriDomi relies on nested 3D transforms, proper IE support probably won't come until IE adds preserve-3d support.

Sorry for the bad news.

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.

http://msdn.microsoft.com/en-us/library/ie/hh673529(v=vs.85)#the_ms_transform_style_property

would this be an viable alternative?

I'm not sure how that technique would work, but I may look into it. If you want to give it a shot and you're able to get it working, pull requests are welcome.