Animacje i interakcje Page Builder Sandwich

Page Builder Sandwich Pro dodaje sekcję Motion do karty Styl każdego bloku. Każde ustawienie może być inne dla każdego punktu przerwania (breakpointu), podobnie jak każdy inny styl.

Animacje wejścia i przewijania

• Animacja wejścia: pojawienie się z zanikaniem (fade in), z wysunięciem w górę lub w dół, od strony początkowej lub końcowej, powiększenie lub pomniejszenie, albo obrót w górę, odtwarzana jednorazowo, gdy blok pojawi się na ekranie podczas przewijania. Ustaw jej czas trwania i opóźnienie w milisekundach.
• Podczas przewijania: zanikanie, unoszenie się, powiększanie lub prostowanie w miarę przewijania bloku na ekranie, sterowane pozycją przewijania (w przeglądarkach obsługujących animacje sterowane przewijaniem; w innych blok jest po prostu wyświetlany).

Interakcje

• Po najechaniu: uniesienie, powiększenie, pomniejszenie, cień, pochylenie lub poświata, również przy fokusie klawiatury.
• Pozostań na widoku: blok przykleja się w określonej odległości od góry ekranu podczas przewijania jego sekcji.
• Prędkość paralaksy: od -10 (przeciwko przewijaniu) do 10 (zgodnie z nim).
• Podążaj za wskaźnikiem: blok przechyla się w stronę wskaźnika myszi.

Zredukowany ruch – zawsze szanowany

Odwiedzający, którzy włączyli w swoim urządzeniu redukcję ruchu, nie widzą żadnych animacji, paralaksy ani ruchu: zawartość jest po prostu wyświetlana. Bez języka JavaScript nic nie jest ukrywane. Strona, która nie korzysta z żadnych ustawień ruchu, nie ładuje żadnego kodu ruchu.