3d rotate image internet explorer

[rossc...@gmail.com]

Hi

Working on a creative for a client.
It is an MPU ad and I'm using the 3d rotate tool in GWD on 2 images back to back.

You can see the creative here:
https://s3-eu-west-1.amazonaws.com/irish-times-client/twos+company+2/index.html

It works perfectly in chrome but...
in internet explorer and firefox the reverse image doesnt show.
All that is seen is a back-to-front version of the first image.
How can I resolve this?

Thanks

Ross

[San Khong]

Hi Ross,

Can you please try setting 3D Z position to 1px (Translation, first line in the Properties panel) ?

San

Google Web Designer team

[rossc...@gmail.com]

Hi San

I have tried this but it doesn't seem to help.
What has resolved the issue in firefox is to set it to 1px then as it transitions set it to -1px and then back to 1px in the final transition.
Still doesnt work in internet explorer.
Updated creative:
https://s3-eu-west-1.amazonaws.com/irish-times-client/twos+company+2/index.html

Any other ideas?

Thanks

Ross

[San Khong]

Can you please share the author html file? If you cannot attach it to this post, please send it to gwd-s...@google.com. Please send the author html file, not the published one, and do not send the zip as it's not allowed as an attachment.

Thanks,

[rossc...@gmail.com]

Attached

Thanks

[San Khong]

Hi Ross,

It looks like a bug in IE that has been fixed in Edge. Even applying the z translation will not bring the image to the front.

I found a workaround in which you need to hide the image entirely by using opacity. I added the keyframes, one close to mid point, and one at mid point of the rotation to hide and show the images. Please adjust the keyframes to have a smoother animation but the workaround should work on all browsers.

Attached is the file I edited.

Hope it helps.