Go to homepage
Go to homepage
All Tutorials
Templates
Components
Tutorial
Get the code
50) ? true : false" :class="{ 'bg-white': scroll, 'bg-transparent': !scroll }" class="w-full text-center transition-colors duration-500 ease-in-out"> Scroll
50) ? true : false" :class="{ 'bg-[#e9e9e9]': scroll, 'bg-white': !scroll }" class="flex flex-col items-center justify-center p-20 text-4xl h-svh 2xl:text-8xl pt-80 transition-colors duration-500 ease-in-out">
Section #01
150) ? true : false" :class="{ 'bg-[#f92c1c]': scroll, 'bg-white': !scroll }" class="flex flex-col items-center justify-center p-20 text-4xl h-svh 2xl:text-8xl transition-colors duration-500 ease-in-out">
Section #02
250) ? true : false" :class="{ 'bg-[#000000]': scroll, 'bg-white': !scroll }" class="flex flex-col items-center justify-center p-20 text-4xl h-svh 2xl:text-8xl transition-colors duration-500 ease-in-out">
Section #03