[How to fix this broken slider?]

I'm working on a slider and I want it to have smooth animations. Unfortunately, after clicking the buttons, the layout breaks suddenly, and the animation is not smooth

See the Pen LYXyjMW by masohas (@masohas) on CodePen

[Multiple animation with one element not working. Why keyframes in css don't work?]

7 hours ago, GreenSock said:

Tak, naprawdę nie rozumiem tutaj twojego pytania,@Masohas. Czy możesz rozwinąć? Nie widzę żadnych problemów. 

I noticed that keyframes on "hamburger" element doesn't work if I add gsap on this element

.animationToggler {
    animation: animationTogglerMenu .8s ease;
}

@keyframes animationTogglerMenu {

    100% {
        transform: rotate(360deg);
    }
}

Just add this line of code to the timeline "preloaderTl"

.from('.hamburger', 0.3, {x:-100,})

How to make keyframes work?

[Multiple animation with one element not working. Why keyframes in css don't work?]

I wanted that after the page is loaded the entire content of the page appeared, but when i added spawning animations on the ".hamburger" the rotation animation does not work then, but but as I remove reappearance animations it all works. How do i have rotation and appearance animations?

 

I don't understand why keyframes don't work

 

the line of code that causes the element to appear, when it is deleted, rotation will work

        .from('.hamburger', 0.3, {x:-100,})

See the Pen NWYKOPQ by jarek-babiak (@jarek-babiak) on CodePen

[How to make the timeline activate with each click of the arrow?]

Why the timeline is run only once after pressing the arrow? I would like it to be executed every time you click right arrow.

I tried different timeline layouts in the code but it didn't help.

the arrangement of the subtitles on the computer looks better :D

 

See the Pen GRQLBgy by jarek-babiak (@jarek-babiak) on CodePen

[Why is the animation not reverse?]

@GreenSock thank you very much, you are greate

What's the difference between pause: true and paused: true?

[Why is the animation not reverse?]

I have question, I wanted reverse animation "showMenuList"(this is pink background), but this not working, where is mistake?

 

I tried many methods but I failed, pls help

See the Pen KKQGgME by jarek-babiak (@jarek-babiak) on CodePen

[Changing the color of letters]

Thank you very much🤩

[Changing the color of letters]

Hello 

I would like to letters in <span> animate in sequence, not the whole word

I tried to do it myself, but I failed😅

See the Pen GRpWeXy?editors=1010 by jarek-babiak (@jarek-babiak) on CodePen

[How to make our animation not to carry out at the beginning, only after clicking ?]

thanku very much 😁

[How to make our animation not to carry out at the beginning, only after clicking ?]

I want that animation make it after click menu button. I tried "if" and "function", but it didn't work out.

 

See the Pen GRpWeXy by jarek-babiak (@jarek-babiak) on CodePen