At the module-6 screen, click the InsertDesign.

Group name of design block : E_GSAP3_Lessons

Title : Slide image over image scroll trigger



Title : Slide image over image



Title : 6 Image stagger animations


images/520x350-sushi2.jpg

Hello World

images/520x350-sushi.jpg

Hello World

images/520x350-sushi2.jpg

Hello World

images/520x350-sushi2.jpg

Hello World

images/520x350-sushi.jpg

Hello World

images/520x350-sushi2.jpg

Hello World


Title : Animate 6 images


images/520x350-sushi2.jpg
images/520x350-sushi.jpg
images/520x350-sushi2.jpg
images/520x350-sushi2.jpg
images/520x350-sushi.jpg
images/520x350-sushi2.jpg

Title : Text reveal animation


Use UpdateVar to set the background to a dark color.

Hello World

Hello World

Hello World


Title : Retro 70 text animation



Title : ScrollTrigger toggleClass/onEnter


Scroll to hightlight text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

pellentesque eu, pretium quis, semto, fringilla vel, aliquet nec, v


Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

pellentesque eu, pretium quis, semto, fringilla vel, aliquet nec, v


Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.