[Parallax layers]

I really like the parallax effect on this website: https://www.wethecollective.com/ 

 

I'm trying to recreate this but I can't get it right. The layers in mine all slide past each other too quickly and move too far. The effect I'm after is more subtle.

See the Pen PoYBQBR?editors=0010 by puffywuffer (@puffywuffer) on CodePen

[Morph SVG polygon problem]

Thanks for the help! @Sahil and @GreenSock. convertToPath really helped a lot and that post by pointC was very usefull to me also.

See the Pen RydNmE by puffywuffer (@puffywuffer) on CodePen

 

[Morph SVG polygon problem]

I'm messing around with morphSVG  in Code Pen and I'm getting some strange morphs on this after the label "C to D". The first two morphs work really well - and I'm using exactly the same process for the third but the polygons are flipping over instead of morphing in the usual way. I'm not sure whats going on.

 

See the Pen qYgjgq by puffywuffer (@puffywuffer) on CodePen

 

[Tween one svg element to the center of another]

Thats great! Thanks!

[Tween one svg element to the center of another]

I'm trying get the white circle to tween to the center of this green square after it has been dragged and dropped onto it.

Can't quite seem to get it going - feels like something I should know at this point.

 

See the Pen bMzbMW by puffywuffer (@puffywuffer) on CodePen

 

[Transform origin trouble]

Wow! Thanks a lot  - svg origin is great!

This was very helpful.

[Transform origin trouble]

I'm trying to rotate this robot arm around its shoulder. Id like to have the purple circle stay in one place and for the arm to rotate around its center, but I cant get it to work.

 

See the Pen pVqrjj?editors=1010 by puffywuffer (@puffywuffer) on CodePen

 

[Animating along a portion of a path]

Thanks for the help and for the warm welcome!

See the Pen JvBeXp by puffywuffer (@puffywuffer) on CodePen

 

[Animating along a portion of a path]

Ive made this blue monster SVG and I'm trying to get these horns to animate out like they are growing. So far Ive been animating the x and y values of all the segments that make up the horns with staggerTo to make them appear to grow, but I would like them to appear curved - is there a way to do this by animating each segment along the same path with morphSVG? 

 

See the Pen erjRgE by puffywuffer (@puffywuffer) on CodePen

 

blueHorn.svg

See the Pen erjRgE by puffywuffer (@puffywuffer) on CodePen