Scroll Rotation Animation – GSAP

GSAP

Here is a scroll rotation animation example using GSAP scroll trigger. See the Pen ScrollTrigger. by Puneet Sharma (@webdevpuneet) on CodePen.

MorphSVG PLugin – GSAP

GSAP, SVG Animation

See the Pen MorphSVG : Docs Basic Usage by Puneet Sharma (@webdevpuneet) on CodePen.

Physics2D Plugin – GSAP 3

GSAP

Example of GSAP’s physics 2d plugin. See the Pen Physics2D for GSAP 3 Demo (used in docs) by GSAP (@GreenSock) on CodePen.

Draw SVG – GSAP

GSAP, SVG Animation

Here is an example using GSAP’s Draw SVG plugin to draw an SVG path. See the Pen Draw SVG – GSAP by Puneet Sharma (@webdevpuneet) on CodePen.

How to decrease the performance of a browser to test on a low config pc?

Misc

You can use Google Chrome’s developer’s tool in order to decrease your CPU power. Just open the developer’s tool in the performance tab (screenshot below), and then in the CPU select box, you can slow down your CPU up to 6 times.