CSS3D transforms not recognized in IE10

[gpetrov]

IE10 has now full support for CSS3D however the Flux slider does not recognize them I just tried the IE10 Preview for Windows 7

See also: http://blogs.msdn.com/b/ie/archive/2012/02/02/css3-3d-transforms-in-ie10.aspx

Greetings, George

[joelambert]

Hi George,

I'm aware of the issue and really want to get it sorted. Annoyingly my copy of Windows 8 seems to be corrupt & won't install so I need to try track down a new ISO.

The transition code should work, my guess is that the feature detection code isn't working on IE10.

It's on my list to fix unless someone else resolves it and sends a pull request before I get chance

Thanks

Joe

[gpetrov]

Hi Joe,

Thanks for the quick reply! Just do like me and install the IE10 preview on Windows 7, it was released yesterday.

Get it from: http://windows.microsoft.com/en-US/internet-explorer/downloads/ie-10/worldwide-languages

Hope you can find the problem and blog about it. Your blog posts are always very helpful to the rest of the developers!

Greetings, George

[gpetrov]

Hi Joe,

A bit more info. It seems that the IE10 CSS3D implementation is without prefixes and most importantly does not support the transform-style: preserve-3d

This can also cause some major problems. See:

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

Greetings, George

[joelambert]

Thanks for the update, Flux should already support all the CSS3 properties un-prefixed but I'll double check once I can get Win8 up and running.

Not supporting preserve-3d will likely be an issue for some of the 3D transitions though!

[Airfly]

I change domPrefixes to following in js file, and temporarily works for IE 10:

domPrefixes = ['Webkit','Moz','O','Ms','-webkit','-moz','-o','-ms','-webkit-','-moz-','-o-','-ms-',''];

[ashearlam]

Yeah i've just come across this issue. Typical IE.

Is there a way to tell the slider to operate differently if its used in IE?

I am presuming that its mainly the 3d effects that IE doesn't like. Is there a way to tell the slide to use the 2d effects when in IE? That would be a sweet workaround for me atm...

IE = HATE.