berikiushi

Wow, it's perfect. Thank you so much!

I would like to make the menu with the smooth magnification effect like the dock in macOS.

I took this example as a basis 

See the Pen BZNGyd by osublake (@osublake) on CodePen

Is it possible to make the animation work smoothly and work at the slightest mouse movement? As in this example 

See the Pen bNZrEN by icebob (@icebob) on CodePen

Any help with this question would be great.

See the Pen zmybJa by berikiushi (@berikiushi) on CodePen

his own answer

.call(function(){ console.log('call.3'); }, [], this, 3)

thanx

the documentation says that i can call at any time

tl.call(func, ["param1"], this, 2);  //appends it at exactly 2 seconds into the timeline (absolute position)

I try to do so and does not work:

.call(function(){ console.log('call.3'); }, 3)

help please.

Thank you, did not think that need to wrap a function.

var state = true;

var tl = new TimelineLite();

tl.to(element, 1, {width:"50%"})

.to(element, 1, {backgroundColor:"#FF0000"}, "-=0.5")

.set(state = false) //something like for example

.to(element, 1, {width:"50%", onComplete:state = false}); //or as

please tell me how start playing TimeLine from another TimeLine, for example:

var tl1 = new TimelineMax({paused:true});
tl1.append( TweenMax.to($('.bg'), 2.2, {css:{autoAlpha:1, scale:1}, ease:Power2.easeOut}) );
// here need start playing tl2
tl1.append( TweenMax.to($('.logo'), 1, {css:{right:"+=89", autoAlpha:1}}) );

var tl2 = new TimelineMax({paused:true});
tl1.append( TweenMax.to($('.frame'), 1.5, {css:{left:+=100}, ease:Power2.easeIn}) );
tl1.append( TweenMax.to($('.bullet'), 1, {css:{top:"+=120", autoAlpha:1}}) );