.thumb.jpg.45ad1f0654d8c8cd759c47599fe1796d.jpg)
Easing to Y position set on mousemove?
Simple example:
$(window).mousemove(function(e){
var mousePos = e.pageY
TweenMax.to(elem, 0.35, { y: -mousePos, ease: Power2.easeOut });
});
is there any better way of doing this rather then having an easing every single time the mousePos is updated? Would be nice to have an easeInOut (easeIn when I start moving and easeOut when I stop.
Yep. You can use the ModifiersPlugin for that. Check this out...
See the Pen BLOoOP by osublake (@osublake) on CodePen
If you're curious, most of the demos I made for the ModifiersPlugin are based on techniques shown in these videos. The author, Keith Peters, uses canvas, but the concept is still the same for DOM elements.
EASING AND TWEENING PART I
EASING AND TWEENING PART
