Nagdaragdag ang Page Builder Sandwich Pro ng seksyong Motion sa Style tab ng bawat block. Ang bawat setting ay maaaring magkaiba sa bawat breakpoint, tulad ng iba pang estilo.
Mga animation sa pagpasok at pag-scroll
- Entrance animation: fade in, fade in na umaakyat o bumababa, mula sa simula o dulo, zoom in o out, o flip up, na pinapatugtog nang minsan kapag na-scroll ang block papasok sa panonood. Itakda ang length at delay nito sa milliseconds.
- Habang nagse-scroll: fade, umakyat, lumago, o tuwirin habang nagse-scroll ang block papasok sa panonood, na pinatatakbo ng posisyon ng scroll (sa mga browser na sumusuporta sa scroll-driven animation; sa iba ay ipinapakita lamang ang block).
Mga pakikipag-ugnayan
- Sa pag-hover: iangat, lumago, lumiit, anino, ikiling o magningning, pati na rin sa focus ng keyboard.
- Manatili sa panonood: nananatili ang block sa isang distansya mula sa itaas ng screen habang nagse-scroll ang seksyon nito.
- Bilis ng parallax: mula -10 (laban sa scroll) hanggang 10 (kasama ito).
- Sundin ang pointer: sumasandal ang block patungo sa mouse pointer.
Pinababang paggalaw, palaging iginagalang
Ang mga bisitang humihiling sa kanilang device ng pinababang paggalaw ay nakakakita ng walang animation, parallax, o paggalaw: ang nilalaman ay ipinapakita lamang. Kung walang JavaScript, walang nakatago. Ang isang pahina na walang ginagamit na setting ng paggalaw ay hindi naglo-load ng code ng paggalaw.