[How can I make a timeline end when I finish all the animation and it is not interrupted by the next timeline?]

On 28/6/2021 at 17:03, GreenSock said:

Leí tu pregunta varias veces y miré tu CodePen, pero estoy perdido. ¿Qué crees que se interrumpe y por qué piensas eso? ¿Qué esperas que suceda exactamente que no está sucediendo? ¿Qué tiene que ver innerHeight con esto? 

When you made a timeline that has many animations, it interrupts another timeline, example:

timeline () .to () * 40 animation

timeline () .to () * 10 animation

the first animation is interrupted by the second, try to fix it with end in scrollTrigger with no result

[How can I make a timeline end when I finish all the animation and it is not interrupted by the next timeline?]

I have a problem, when creating 2 timelines the first animation line is interrupted by the second line, I would like it to finish and continue with the next timeline without being interrupted.

I have tried: "const {innerHeight} = window" but when the timeline is too long it gets interrupted by the next timeline

 

is there another way to do it?

See the Pen vYmYgqr by MoisesA (@MoisesA) on CodePen

[how to animate with Flip when I'm using TimeLine with scrolltrigger]

51 minutes ago, OSUblake said:

Please check out the classList docs.

https://developer.mozilla.org/en-US/docs/Web/API/Element/classList

 

 

 

 

 

Thank you very much, you have helped me a lot, and I will check the documentation

thanks, again 

[how to animate with Flip when I'm using TimeLine with scrolltrigger]

50 minutes ago, OSUblake said:

Please check out the classList docs.

https://developer.mozilla.org/en-US/docs/Web/API/Element/classList

 

 

Thank you very much, you have helped me a lot, and I will check the documentation

 

[how to animate with Flip when I'm using TimeLine with scrolltrigger]

20 minutes ago, mikel said:

Oye @Moises Arrona

 

¿Te refieres a un caso así?

 

 

 

 

Feliz volteando ...

Mikel

yes, but is there a way to add a class and have it have an animation? as shown in my codepen?

[how to animate with Flip when I'm using TimeLine with scrolltrigger]

I want to animate elements with property "display: flex" and I want to add but I don't know how to include Flip when I have timeLine with scrolltrigger

 

Can Flip be used with timeline?
how can I do it?

See the Pen NWpVxMM by MoisesA (@MoisesA) on CodePen

[You can add a transition to elements display: block ;?]

8 minutes ago, OSUblake said:

Hi Moises!

 

You cannot animate the display property. What should it be at 50% of the animation, inline-block or block? 

 

So it can't be animated, but you can do a Flip animation to make it appear seamless.

 

https://greensock.com/docs/v3/Plugins/Flip

 

 

pretendía que en que la animación tuviera un efecto mas suavizado 
pero creo que con aniamción Flip se ayudara,
muchas gracias

[You can add a transition to elements display: block ;?]

Hi guys I have a little question, can I add a transition by adding a display block to an element?

I'm using scrolltrigger, and I want some elements to take the value, "display: block;" It does, but it doesn't add a smoothness, or a transition

Can you add transitions by adding the "display: block, display: flex etc" property?

See the Pen NWpVxMM by MoisesA (@MoisesA) on CodePen

[automate GSAP animation code]

I have a problem, I have written many lines of code that are similar and with the same structure, will there be a way to automate the code?

I need help

 

See the Pen zYKLzdZ by MoisesA (@MoisesA) on CodePen