Rotate not working in MS Edge or IE

  • I am using Animate It for some animation on an image. While the animation works perfectly well in Chrome, it does not on IE & Edge. Please have a look at the link above.

    The image is rotated using transform. In Chrome the animation begins from the rotated images and returns to the same stage after animation.

    In IE & Edge, however, the image becomes straight. On deactivating the AnimateIt plugin, the image corrects.

    Kindly advise how this can be rectified.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author eleopard

    (@eleopard)

    Dear Dhatul,

    Apologies for the delayed reply.
    Thanks for using the Animate It!

    Upon checking the page the issue found is, Edge and IE are not able to distinguish between the 2 transform CSS rules added, one for the scale, and one by you.
    Chrome and FF are easily able to distinguish and process it.

    Please try the below workaround:
    Change the CSS you have added to:

    .et_pb_gallery_0 . div{
	rotateX(0deg) rotateY(0deg) rotateZ(350deg)
}

    This would make the inside DIV to rotate using the custom CSS, so the conflict in IE and Edge will be resolved.

    Please let me know if this works for you.

Viewing 1 replies (of 1 total)
  • The topic ‘Rotate not working in MS Edge or IE’ is closed to new replies.

Tags