puffywuffer

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

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

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.

Thats great! Thanks!

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.

Wow! Thanks a lot  - svg origin is great!

This was very helpful.

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.

Thanks for the help and for the warm welcome!

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? 

blueHorn.svg

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