search

dmotz / oriDomi

🪭 Fold up DOM elements like paper
https://oxism.com/oriDomi
MIT License
2.41k stars 207 forks source link

Internet Explorer 10 #6

Closed akurfuerst closed 11 years ago

akurfuerst commented 11 years ago

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.

nicib83 commented 11 years ago

+1

dmotz commented 11 years ago

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.

nicib83 commented 11 years ago

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?

dmotz commented 11 years ago

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.