به آرامی با موس یا تاچپد به سمت پایین اسکرول کنید تا هر ۶ انیمیشن پشت سر هم اجرا شوند.
آشکارسازی تدریجی لایه با استفاده از clip-path: circle() در هماهنگی مستقیم با موقعیت اسکرول شما.
پرده بالا رفت و این لایه با اسکیل ملایم بزرگتر شد.
با ادامه اسکرول، این پرده با translateY(-100%) به بالا حرکت میکند.
هر کلمه با یک تاخیر زمانی (Stagger) از پشت خط ماسک شده ظهور میکند.
لایههای پسزمینه، میانزمینه و کارتهای پیشزمینه با ضرایب سرعت مختلف روی هم لغزش پیدا میکنند.
کوچک شدن از فولاسکرین ۱۰۰٪ به فریم شناور با گرد شدن زوایا به ۳۲ پیکسل.
این کارت ثابت مانده و با اسکرول فازهای مختلف را نمایش میدهد.
کادر در ویوپورت قفل شده و کاربر محتوا را اسکرول میکند.
آیکون و دادههای داخلی بدون پرش صفحه تغییر میکنند.
پایان عملیات و هدایت کاربر به ادامه صفحه.
هر کدام از ۶ انیمیشن را میتوانید در فایل اختصاصی خود نیز با حالت روشن مشاهده نمایید.
مشاهده لیست ۶ صفحه مستقل 📄