There is a slight hesitation in my animation when the first image has completed its zoom and is hidden while the next image in the sequence is made visible. Any suggestions? I'm thinking a negative overlap but I can't get it to work. Thanks.
See the Pen MvLgjb by jason-justice (@jason-justice) on CodePen
[re-posting from the correct account]
Great work, Blake! This sparked me to look for a way to just define an ease that'll do all this wizardry for you and here's what I came up with:
var ExpoScaleEase = function(start, end) {
var factor = Math.log(end/start),
change = end - start;
return function(v) {
return (start * Math.exp(factor * v) - start) / change;
};
};
//to use it, you pass in the start/end scales...
TweenLite.to("#img", 5, {s