Page Builder Sandwich Pro သည် ဘလောက်တိုင်း၏ Style တက်ဘ်တွင် Motion ကဏ္ဍတစ်ခုကို ထည့်သွင်းပေးပါသည်။ အခြားသော စတိုင်များနည်းတူ ဆက်တင်တစ်ခုစီသည် breakpoint အလိုက် ကွဲပြားနိုင်ပါသည်။
အဝင်နှင့် scroll လှုပ်ရှားမှုအထူးပြုလုပ်ချက်များ
- Entrance animation: ဘလောက်ကို scroll ဆွဲ၍ မြင်ကွင်းထဲသို့ ရောက်ရှိလာသည့်အခါ တစ်ကြိမ်ပြသပေးသော fade in၊ အထက်တက် သို့မဟုတ် အောက်ဆင်း fade in၊ အစ သို့မဟုတ် အဆုံးဘက်မှ၊ zoom in သို့မဟုတ် out၊ သို့မဟုတ် flip up တို့ဖြစ်ပါသည်။ ၎င်း၏ length နှင့် delay ကို မီလီစက္ကန့်ဖြင့် သတ်မှတ်ပါ။
- While scrolling: scroll ဆွဲသည့် တည်နေရာအတိုင်း ထိန်းချုပ်ပြီး ဘလောက်ကို scroll ဆွဲ၍ မြင်ကွင်းထဲသို့ ရောက်ရှိလာသည့်အခါ မှိန်သွားခြင်း၊ မြင့်တက်လာခြင်း၊ ကြီးမားလာခြင်း သို့မဟုတ် တည့်မတ်သွားခြင်း (scroll-driven animation ကို အထောက်အပံ့ပေးသော ဘရောက်ဆာများတွင်သာ ဖြစ်ပြီး၊ အခြားနေရာများတွင် ဘလောက်သည် ပုံမှန်အတိုင်းသာ ပေါ်လာပါမည်)။
အပြန်အလှန်တုံ့ပြန်မှုများ
- On hover: ကီးဘုတ် focus ရောက်ရှိချိန်တွင်လည်း အကြုံးဝင်သည့် အပေါ်ကြွခြင်း၊ ကြီးမားလာခြင်း၊ သေးငယ်သွားခြင်း၊ အရိပ်ကျခြင်း၊ စောင်းသွားခြင်း သို့မဟုတ် တောက်ပခြင်း။
- Stay in view: ၎င်း၏ ကဏ္ဍကို scroll ဆွဲနေစဉ် ဘလောက်သည် မျက်နှာပြင်၏ ထိပ်ပိုင်းမှ အကွာအဝေးတစ်ခုတွင် ကပ်၍တည်ရှိနေပါသည်။
- Parallax speed: -10 (scroll နှင့် ဆန့်ကျင်ဘက်) မှ 10 (scroll နှင့်အပြိုင်) အထိ။
- Follow the pointer: ဘလောက်သည် မောက်စ်ပွိုင့်တာဆီသို့ ယိုင်ညွတ်သွားပါသည်။
လျှော့ချထားသော လှုပ်ရှားမှုအထူးပြုလုပ်ချက်၊ အမြဲတမ်း ဦးစားပေးလိုက်နာသည်
မိမိတို့၏ စက်ပစ္စည်းများတွင် reduced motion ကို တောင်းဆိုထားသော ဝင်ရောက်ကြည့်ရှုသူများသည် မည်သည့် animation၊ parallax သို့မဟုတ် လှုပ်ရှားမှုကိုမျှ လုံးဝ မြင်တွေ့ရမည်မဟုတ်ပါ: အကြောင်းအရာကို ရိုးရိုးရှင်းရှင်းသာ ပြသပေးပါသည်။ JavaScript မပါဘဲ မည်သည့်အရာကိုမျှ ဝှက်ထားမည်မဟုတ်ပါ။ မည်သည့် motion ဆက်တင်ကိုမျှ အသုံးမပြုထားသော စာမျက်နှာသည် မည်သည့် motion ကုဒ်ကိုမျှ ထည့်သွင်းဆွဲယူမည်မဟုတ်ပါ။