Jump to content
Search Community

IE10/11 Issue - Animation on Element with Transition

btuck044 test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hello I am having an issue with animations on IE 10 and 11 and I have found the culprit to be that the element that i am trying to animate has a "transition" style in my style sheet removing this allows the animation to work correctly in IE10/11.  This issue does not exist in other browsers. 

 

As for my animation I am just doing a simple animation: TweenMax.from(element, 1, {x:200, repeat:-1, yoyo:true});

 

Any fix out there for this issue?

 

Thank you

Link to comment
Share on other sites

While I'm not diving into the technical reasons behind this particular issue ... a good rule of thumb when using any animation framework is: leave the animation to the framework. Using CSS transitions just muddies the waters since the purpose of transitions is to "animate" changes in property values. I would simply remove the CSS transition and achieve whatever effect they produced with GSAP.

  • Like 4
Link to comment
Share on other sites

Hi btuck044  :)

 

Welcome to the forum.

 

It can cause conflicts if you try to mix CSS Animations with GSAP Animations. If you're loading and using GSAP anyway, there really wouldn't be any reason to use CSS for any of the transitions. I'd also recommend using GSAP to set() a lot of properties for you before you animate them. It eliminates the need for vendor prefixes so you can cut down on some of the CSS.

 

Here are some blog posts you may find helpful:

https://greensock.com/css-performance

https://greensock.com/transitions/

 

Happy tweening.

:)

  • Like 4
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...