Hey guys, so you’re probably wondering how you can make cool animations that transform your static webpage into an impressive animation beast. Here are some simple and helpful tips to get you started using Gsap.
1: The Setup of Gsap is pretty simple first, you set up an HTML boilerplate then, put in these tags in the head like this:
2: Next, make an index.js file, then you make the file.
3: Now, here is an example of some Gsap code:
There are a lot of things in this code so let’s break it down. First, the animation connects to the TweenMax through vars. Class is the name for a function. The class name is L next to the code in the function, looks like this Gsap.to(“.class” {elments});. Gsap.to makes the animation starts using commands, example case y is an element that makes tags move vertically, the duration is how long the animation lasts, repeat makes the animation go on forever until you refresh the page, and TweenMax connects the Gsap to the HTML document.
that’s all the basic of Gsap that I know thank’s for reading and see you later.
website:https://brotherswhocode.dev/
Brothers Who Code 