kkhalilov

Thank you, GSAP! I will waiting

Mikel, I check this in the code and for a duration this is normal, but for immediateRender it does not work. Do you have an idea why this is happening? It's not work for this type of code: var lightsBlink = new gsap.timeline({repeat: -1, yoyo: true, defaults: {immediateRender: false, duration: 0.1}});

So fast and helpful. Thank you very much!!!

Hello, I have a timeline in which all components have an immediateRender: false. Сan i apply this property to the whole timeline? Something like this var lightsBlink = new gsap.timeline({immediateRender: false}); insted of this lightsBlink .fromTo(printerLightsTop, {fill: '#5ab783'}, {fill: '#f8ad83', immediateRender: false, duration: 0.1}) .fromTo(printerLightsBottom, {fill: '#5ab783'}, {fill: '#f8ad83', immediateRender: false, duration: 0.1}, '+=0.2') .fromTo(printerLightsTop, {fill: '#f8ad83'}, {fill: '#f88673', immediateRender: false, duration: 0.1}, '-=0.2') .fromTo(printerLightsBottom, {fill: '#f8ad83'}, {fill: '#f88673', immediateRender: false, duration: 0.1}, '+=0.2');

Thank you very much for the quick and high-quality response. Your answer helped me a lot.

Hello. I have a one-page site on which the landing is done through animation. transition through the navbar. when you want to go to a new page, the transition animation starts. there are 5 such pages and, accordingly, animated scenes also 5. I would like that after one viewing of the scene, when I return to it, the animation does not occur and all CSS styles from timeline are applied instantly. the problem is that each subsequent scene is associated with the previous one and you need to roll back the styles to the right moment. tlFirstScene = new TimelineMax({paused: false}), tlSecondScene = new TimelineMax({paused: true}), tlThirdScene = new TimelineMax({paused: true}), tlFourthScene = new TimelineMax({paused: true}), tlFifthScene = new TimelineMax({paused: true});