Animații și interacțiuni Page Builder Sandwich

Page Builder Sandwich Pro adaugă o secțiune Motion în fila Style a fiecărui bloc. Fiecare setare poate diferi în funcție de breakpoint, la fel ca orice alt stil.

Animații de intrare și derulare

• Animație de intrare: estompare (fade in), estompare cu urcare sau coborâre, din partea de început sau de sfârșit, zoom în sau out ori întoarcere în sus, redată o singură dată când blocul intră în vizibilitate prin derulare. Setați durata (length) și întârzierea (delay) în milisecunde.
• La derulare: estompare, urcare, creștere sau îndreptare pe măsură ce blocul intră în vizibilitate prin derulare, conduse de poziția de derulare (în browserele care acceptă animații bazate pe derulare; în celelalte, blocul este pur și simplu afișat).

Interacțiuni

• La trecerea cu cursorul (On hover): ridicare, creștere, micșorare, umbră, înclinare sau strălucire, inclusiv la focalizarea de la tastatură.
• Menținere în vizibilitate (Stay in view): blocul rămâne fixat la o anumită distanță față de partea de sus a ecranului în timp ce secțiunea sa este derulată.
• Viteză parallax: de la -10 (împotriva derulării) la 10 (în sensul derulării).
• Urmărire pointer: blocul se înclină spre indicatorul mouse-ului.

Mișcare redusă, respectată întotdeauna

Vizitatorii care solicită dispozitivului lor o mișcare redusă nu vor vedea nicio animație, efect parallax sau mișcare: conținutul este pur și simplu afișat. Fără JavaScript, nimic nu este ascuns. O pagină care nu folosește nicio setare de mișcare nu încarcă niciun cod de mișcare.