Рет қаралды 14,763
So In This video, we are going to change background and text color Smoothly while scrolling using Gsap and ScrollTrigger in ReactJS.
Code: github.com/theMisfitWhale/rea...
Timeline:
00:00 what we will be doing?
00:36 what we already have?
00:57 adding data to each section.
01:22 Importing Module/package
01:42 Initializing our scrollbar
02:19 setting default Scroll for scroll trigger
02:38 linking scrollTrigger with scrollbar
03:05 color transition part
05:33 output we achived
06:23 Please Subscribe :)
My Current PC Specs:
Mic- Maono AU-PM461S USB Condenser Mic : amzn.to/3f2327x
Mouse- Razer DeathAdder Essential Gaming Mouse: amzn.to/3TH54ci
Mouse- Logitech G402 Hyperion Fury : amzn.to/3DqfcR3
Keyboard- GAMDIAS Hermes Mechanical Gaming White:amzn.to/3spamwW
Keyboard- ASUS Cerberus MECH RGB Brown: amzn.to/3gCGcE0
Processor- AMD 5000 Series Ryzen 5 5600X:amzn.to/3z8oBtU
MotherBoard- MSI MAG X570 Tomahawk WiFi:amzn.to/3zbavYJ
Monitor- MSI Optix G243 Gaming Monitor : amzn.to/3DnDgns
Ram- G.SKILL Trident Z Neo 32GB (2 * 16GB) :amzn.to/3TL9ZZm
Gpu- INNO3D NVIDIA GEFORCE GTX 1660 Super Twin X2:amzn.to/3StHD4P
Cabinet : LIAN LI PC-O11 Dynamic: amzn.to/3TNeliv
Drawing Tablet- WACOM One Medium Graphic Tablet:amzn.to/3skQUBE
Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purposes and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.
All Amazon links are affiliate links (If any).