Animations and interactions του Page Builder Sandwich

Το Page Builder Sandwich Pro προσθέτει μια ενότητα Motion στην καρτέλα Style κάθε μπλοκ. Κάθε ρύθμιση μπορεί να διαφέρει ανά σημείο διακοπής (breakpoint), όπως συμβαίνει με κάθε άλλο στυλ.

Κινήσεις εισόδου και κύλισης

• Κίνηση εισόδου: σταδιακή εμφάνιση (fade in), σταδιακή εμφάνιση με άνοδο ή πτώση, από την αρχική ή την τελική πλευρά, μεγέθυνση ή σμίκρυνση, ή αναστροφή προς τα πάνω, που εκτελείται μία φορά όταν το μπλοκ εισέρχεται στην περιοχή προβολής. Ορίστε τη διάρκεια και την καθυστέρησή της σε χιλιοστά του δευτερολέπτου.
• Κατά την κύλιση: σταδιακή εμφάνιση, άνοδος, μεγέθυνση ή ίσιωμα καθώς το μπλοκ εισέρχεται στην περιοχή προβολής, με βάση τη θέση κύλισης (σε περιηγητές που υποστηρίζουν κινήσεις βασισμένες στην κύλιση· σε διαφορετική περίπτωση, το μπλοκ απλώς εμφανίζεται).

Αλληλεπιδράσεις

• Κατά την αιώρηση (hover): ανύψωση, μεγέθυνση, σμίκρυνση, σκιά, κλίση ή λάμψη, καθώς και κατά την εστίαση μέσω πληκτρολογίου.
• Παραμονή στην προβολή: το μπλοκ παραμένει σταθερό σε μια απόσταση από το επάνω μέρος της οθόνης ενώ η ενότητά του κυλάει.
• Ταχύτητα Parallax: από -10 (αντίθετα στην κύλιση) έως 10 (μαζί με την κύλιση).
• Ακολούθηση δείκτη: το μπλοκ γέρνει προς το μέρος του δείκτη του ποντικιού.

Μειωμένη κίνηση, πάντα σεβαστή

Οι επισκέπτες που έχουν επιλέξει μειωμένη κίνηση στη συσκευή τους δεν βλέπουν καμία κίνηση, parallax ή μετακίνηση: το περιεχόμενο απλώς εμφανίζεται. Χωρίς JavaScript, δεν αποκρύπτεται τίποτα. Μια σελίδα που δεν χρησιμοποιεί ρυθμίσεις κίνησης δεν φορτώνει κώδικα κίνησης.