نسخه پرو Page Builder Sandwich یک بخش حرکت (Motion) به زبانه سبک (Style tab) هر بلوک اضافه میکند. هر تنظیم میتواند در نقاط شکست (breakpoint) مختلف، متفاوت باشد، درست مانند هر سبک دیگری.
انیمیشنهای ورود و اسکرول
- انیمیشن ورود: ظاهر شدن تدریجی (fade in)، ظاهر شدن با صعود یا نزول، از سمت شروع یا پایان، بزرگنمایی یا کوچکنمایی، یا چرخش به بالا، که یکبار با اسکرول کردن بلوک به درون کادر دید پخش میشود. مدت زمان (length) و تأخیر (delay) آن را بر حسب میلیثانیه تنظیم کنید.
- هنگام اسکرول: محو شدن، صعود، رشد یا صاف شدن با اسکرول شدن بلوک به درون کادر دید، که توسط موقعیت اسکرول هدایت میشود (در مرورگرهایی که از انیمیشنهای مبتنی بر اسکرول پشتیبانی میکنند؛ در غیر این صورت بلوک به سادگی نمایش داده میشود).
تعاملات
- در حالت شناور (On hover): بالا رفتن، رشد، کوچک شدن، سایه، شیب یا درخشش، و همچنین هنگام فوکوس صفحه کلید.
- ماندن در دید: بلوک در فاصله مشخصی از بالای صفحه میچسبد در حالی که بخش مربوط به آن اسکرول میشود.
- سرعت اختلاف منظر (Parallax speed): از 10- (خلاف جهت اسکرول) تا 10 (همجهت با آن).
- پیروی از نشانگر: بلوک به سمت نشانگر ماوس مایل میشود.
حرکت کاهشیافته، همیشه رعایت میشود
بازدیدکنندگانی که از دستگاه خود درخواست حرکت کاهشیافته دارند، هیچ انیمیشن، اختلاف منظر یا حرکتی را مشاهده نمیکنند: محتوا به سادگی نمایش داده میشود. بدون جاوا اسکریپت چیزی پنهان نمیشود. صفحهای که از هیچ تنظیم حرکتی استفاده نکند، هیچ کد حرکتی را بارگیری نمیکند.