i try to animation + ScrollTrigger in same element

[Lichay]

i try to animation + ScrollTrigger in same element but when i use both only ScrollTrigger  work and my regular animation stack how can i fix it?

i need both of them .

 

if i off one of them it work , but i want both of them 

See the Pen oNbZjqa by lichaytiram (@lichaytiram) on CodePen

[ZachSaucier]

Hey Lichay.

 

You can't have both directly affecting the same element because they'd conflict. You could create an empty container around the element and apply one animation to one and another animation to the other. 

 

We recommend using GSAP over CSS animations by the way