Skip to main content

immediateRender

The immediateRender property of from() and fromTo() tweens is one of those things you only find out about when it gives you unexpected results.

from() and fromTo() tweens are special as they set immediateRender to true as soon as they are created. This helps especially when creating staggered builds where you don't want elements to appear until scheduled. The one case where it is important to change the default behavior is when you have multiple from()/fromTo() tweens on the same property of the same object. The video below explains in detail.

Video Walkthrough

Want more great tips and tricks like this? Our friend Carl over at the Creative Coding Club has you covered. Learn the tips and tricks the pros use to make their animations shine. Join Today.

Demos

loading...

the default of immediateRender: true however can cause problems when creating multiple from() tweens on the same properties of the same element.

Notice in the demo below that you don't see green animate a second time.

loading...

Contents