Horizontal scroll animation with Gsap ScrollTrigger | Creative tutorial
20.1 هزار بار بازدید -
پارسال
-
👍 SUBSCRIBE
👍 SUBSCRIBE https://tinyurl.com/bvptz2dv and don't forget to comment and rate, sharing would be great as well ;)
🖖 Project repo: https://github.com/frontzinga/onepage...
Learn frontend development building creative project.
This tutorial teach you how to create a one page horizontal scroll animation using Gsap Scroll Trigger plugin.
TABLE OF CONTENT
0:00:00 Project overview
0:00:24 Initial settings
0:00:54 Html contents
0:02:23 Stylesheet
0:07:15 Javascript ScrollTrigger Animation
0:11:37 Final result
RESOURCES:
Gsap libraries: https://cdnjs.com/libraries/gsap
Bebas Neue Font: https://fonts.google.com/specimen/Beb...
Saitama image: https://tinyurl.com/2yu2e2r5
Genos image: https://tinyurl.com/hhwywz3m
Luffy: https://tinyurl.com/ewk7zyrj
#html #css #javascript #tutorials
🦾 Frontzinga wants to make frontend development amazing and inspired like mecha design.
🖖 Project repo: https://github.com/frontzinga/onepage...
Learn frontend development building creative project.
This tutorial teach you how to create a one page horizontal scroll animation using Gsap Scroll Trigger plugin.
TABLE OF CONTENT
0:00:00 Project overview
0:00:24 Initial settings
0:00:54 Html contents
0:02:23 Stylesheet
0:07:15 Javascript ScrollTrigger Animation
0:11:37 Final result
RESOURCES:
Gsap libraries: https://cdnjs.com/libraries/gsap
Bebas Neue Font: https://fonts.google.com/specimen/Beb...
Saitama image: https://tinyurl.com/2yu2e2r5
Genos image: https://tinyurl.com/hhwywz3m
Luffy: https://tinyurl.com/ewk7zyrj
#html #css #javascript #tutorials
🦾 Frontzinga wants to make frontend development amazing and inspired like mecha design.
پارسال
در تاریخ 1402/02/19 منتشر شده
است.
20,142
بـار بازدید شده