Having trouble with mousemove effects

[rahim]

Hello,

 

I'm new to animation with GSAP and very new to coding in general...

 

I'm practicing GSAP making some rectangles rotate and move with the mouse, and I was able to get it to work, but now when I try to add new elements and effects the document, nothing nothing seems to be work. It also causes the mousemove effect to stop working. I know I'm probably doing this completely wrong...

 

Would anyone be able to explain what's going on here? Also, I know my code is a mess, so if you think there's a better way to get this to done I would love your feedback! 
 

Thanks so much! 
Rahim

See the Pen xxxRVyx by rrspence (@rrspence) on CodePen

[mikel]

Hey @rahim,

 

Welcome to the GreenSock forum.

 

A comma was missing:

 

$button.on('click', function(e) {
  TweenMax.to($('.rectangles'), 1, {
    background: 'purple'
  });

 

Happy tweening ...

Mikel

 

[rahim]

 

Thank you @mikel! I knew I had to be missing something... ?