CODEWITHSUNDEEP
css3dcss-transitionscss-transforms
Nicklas A.
Nicklas A.

Reputation: 7061

Weirdness when using 3d transitions

I'm trying to make sort of flip effect using CSS3.

Here's an example: http://jsfiddle.net/MNhK7/

There is one problem though, as you can see in Chrome 19 or FF 11 the element is displaced during the transition but the end and start position is as it should be, why?

I've set transform-origin which I thought was supposed to prevent this from happening, what am I missing?

Upvotes: 1

Views: 57

Answers (1)

Nicklas A.
Nicklas A.

Reputation: 7061

Silly me, I of course had to specify a transform-origin initially that's the same or it's animated from 50% 50%

Upvotes: 1

Related Questions