search

sproutcore / TransformJS

A jQuery plugin that provides an abstraction over 2d and 3d transforms - Project Owner: jtaby
transformjs.strobeapp.com
MIT License
229 stars 23 forks source link

Which variant is right? #1

Closed elky closed 13 years ago

elky commented 13 years ago

Hi guys,

Which variant of the final image state is right?

Chrome 13: http://dl.dropbox.com/u/2573685/tranformjs-chrome.jpg Firefox 6: http://dl.dropbox.com/u/2573685/tranformjs-ff.jpg

Thanks.

jtaby commented 13 years ago

Since Firefox does not support 3D transforms, Firefox will just apply the 2D ones and ignore the 3D ones, so both are correct :)

elky commented 13 years ago

Yeah, but I mean that Firefox flips image vertically. So is it possible to rotate the image more for a normal state (specially for non-webkit browsers)?

jtaby commented 13 years ago

The reason it's flipped upside down in Chrome is because rotateX is flipping it upside down, not because rotateY is running twice. I tried doubling the rotateY animation but it doesn't look as good O_o

I was thinking of changing the demo and turning it into a table where each row represents a single animation. Thoughts?

elky commented 13 years ago

Try this in FF in your demo:

rotateZ: '+='+(2*Math.PI)

It looks good now. But in Chrome it's flipped, lol. So I think you need to add special rules for browsers which doesn't support 3D transforms.

jtaby commented 13 years ago

I recorded a screencast using Firefox 6.0 and Chrome 15 and the results look identical for me. Here's the video: http://cl.ly/3e3I2O2H2j3b1x1B2I0k

elky commented 13 years ago

That's strange...

jtaby commented 13 years ago

Closing issue pending further information...