Website menu animation using GSAP

website menu animation frontend tricks
in Front-end | June 2, 2020

Let’s consider creating a simple menu animation using GSAP. That’s the result we’ll get at the end. Let’s start implementing website menu. 1.HTML Our structure will be as follows: 2.SCSS 3.JavaScript Let’s declare the variables. At onReady we assign values to them. Create a function with animation and time line. We show the menu. We set the […]

Animating Elements Using the MotionPath Plugin

Animating Web Elements Using the MotionPath Plugin
in Front-end | January 21, 2020

MotionPath is one of the new animation features in GSAP 3. This plugin allows you to turn any path from SVG into the motion path of your animated element. Beginning of work: Connecting gsap Connecting MotionPathPlugin. It needs to be connected separately, since it is not part of the gsap kernel. Next we create the […]