Here is the pen I am working on:
See the Pen dXKPgm by gmw (@gmw) on CodePen
.
I am having difficulty getting the clouds to animate from left to right.
//select all paths whose ID begins with "cloud"
$('path[id^="cloud"]').each( function( index, element ){
//move current element into var
var cloud = (element);
//TweenLite.set(cloud, {left:-100, top:index*40, opacity:0});
//move cloud to left of container and make invisible
TweenLite.set