Treading Web Animation with GSAP

سرفصل های دوره

Learn trending web animations of GSAP and make Template with animation smooth

1 - Introduction

1 -Introduction

2 -How to Setup GSAP

3 -Add GSAP to Script.js File

4 -GSAP Object

5 -What is Tween

6 -Understanding To() Tween

7 -Using Different Properties for To() Tween

8 -Multiple Elements

9 -Control GSAP Animation

10 -GSAP Easing Functions

11 -From() Tween

12 -Difference in To() and From() Tween

13 -FromTo() Tween

2 - Timeline

1 -What is Timeline

2 -Timeline Position Parameter

3 -How to Overlap the Animation

4 -OnComplete() & OnStart() Function

5 -GSAP CSS Properties

3 - Plugins

1 -What is a Plugin

2 -Understand Draggable Plugin

3 -Text Plugin

4 -ScrollTrigger Most Popular Plugin

5 -Reverse Animation

6 -Animation Viewport

7 -Debug Animations

8 -Simple Progress Bar Example

4 - Trending GSAP Project with HTML & CSS

1 -Introduction

2 -Setup Template

3 -Home Parallax Image

4 -Add Image to Style.css

5 -Make a Simple Header

6 -Style the simple Header

7 -Make the Discover Section

8 -Style Discover Section

9 -Adding GSAP Animation to Header and Discover Section

10 -GSAP X and Y Properties

11 -Solve the GSAP Problem

12 -Complete the Discover Section Animation

13 -Image Clip Section

14 -Animate Clip Image Animation

15 -Change Theme Color with Scroll

16 -Categories Section

17 -Furniture Section

18 -Make Floating Images

19 -Flying Image Animation

20 -Fixed Furniture Text

21 -OnEnter() and OnBack() Animations

22 -Finalizing All Animations

22 -Template.zip

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy