Hello GSAPers,
I created the courage to ask a question I always had, why does Ease (GSAP) not work correctly when the element has Transition (CSS)?
Sometimes I want to create a simple hover through css, but I always see strange behavior if I'm animating the element in a Timeline:
Demo:
See the Pen xzNRze by Noturnoo (@Noturnoo) on CodePen
Just to add a little more clarity, when a property has a CSS transition applied, ANY change to that property will be delayed by the browser and gradually applied according to the duration you set on the CSS transition. So let's say you've got a 1-second CSS transition applied on an element and then you do a GSAP opacity tween from 0-1 with a duration of 0.5 seconds. Well, GSAP sets the value on every tick (60 times per second) and every single time, the browser says "oh, I'm not gonna show that