Wix Parallax Effect

• Ενδέχεται 7, 2024

Ένα ωραίο animation που βρέθηκε στις ιστοσελίδες Wix είναι το φαινόμενο scrolling parallax. Δεν είναι μια πραγματική κίνηση, αλλά προσθέτει την ψευδαίσθηση της κίνησης, του βάθους και της διάστασης στην ιστοσελίδα σας.

Αυτό το φαινόμενο έχει γίνει δημοφιλές εδώ και αρκετά χρόνια και είναι ένας καλός τρόπος για να προσθέσετε λίγο ενδιαφέρον σε έναν ιστότοπο χωρίς να προσθέσετε μια υπερβολική κίνηση. Η κύλιση Parallax δημιουργείται όταν πείτε στο πρόγραμμα περιήγησης να μετακινηθεί η εικόνα φόντου με χαμηλότερο ρυθμό από τα άλλα στοιχεία της σελίδας. Όπως θα περίμενε κανείς, το εφέ κύλισης είναι ιδανικό για τους μεγάλους ιστότοπους μιας σελίδας.

Αυτή η τεχνική δημιουργείται με στοιχεία JavaScript, CSS και div. Ακριβώς μια σημείωση που πρέπει να θυμάστε είναι ότι οι περισσότερες κινητές συσκευές έχουν πρόβλημα με σταθερό CSS φόντου. Έτσι, το Wix απενεργοποιεί το εφέ για τις κινητές συσκευές.

Αλλά όταν δημιουργείτε τον ιστότοπό σας Wix, δεν υπάρχει καμία κωδικοποίηση. Είναι τόσο εύκολο όσο επιλέγετε την επιλογή Parallax για εικόνα φόντου ή εικόνα ταινίας. Μπορεί επίσης να προστεθεί σε βίντεο ταινιών.

Χωρίς την εφαρμοσμένη κύλιση παράλλαξης, η εικόνα φόντου για την ιστοσελίδα θα μετακινηθεί από κοινού με τα άλλα στοιχεία της σελίδας καθώς ο θεατής περιστρέφεται πάνω στη σελίδα.

Ωστόσο, όταν εφαρμόζουμε το αποτέλεσμα κύλισης Parallax στην εικόνα φόντου, η εικόνα φόντου κυλάει αργά καθώς ο θεατής περιστρέφεται πάνω στη σελίδα. Η διάσταση εμφανίζεται καθώς τα άλλα στοιχεία της σελίδας μετακινούνται πιο γρήγορα από την εικόνα φόντου.

Η τρίτη επιλογή, η επιλογή Freeze, για τις επιλογές Scroll Effects, είναι να κλειδώσετε την εικόνα φόντου στη θέση της καθώς τα υπόλοιπα στοιχεία της σελίδας μετακινούνται προς τα επάνω ή προς τα κάτω.

Προσθέστε Parallax στην εικόνα φόντου

1. Κάντε κλικ στο εικονίδιο Φόντο στο αριστερό μενού.
   
   
2. Προσθέστε την εικόνα φόντου ως συνήθως.
   
   
3. Κάντε κλικ στο κουμπί Ρυθμίσεις για να ανοίξετε τις Ρυθμίσεις εικόνας.
   
   
4. Επιλέξτε μία από τις τρεις επιλογές για τα εφέ κύλισης.
   
   
   • Κανένα - το φόντο θα μετακινηθεί με τον ίδιο ρυθμό όπως τα άλλα στοιχεία στη σελίδα.
     
     
   • Parallax - το φόντο θα μετακινηθεί πιο αργά από τα άλλα στοιχεία της σελίδας.
     
     
   • Παγώστε - το φόντο θα παραμείνει στη θέση του αλλά τα άλλα στοιχεία θα μετακινηθούν.
     
     

Προσθέστε το Parallax για να αφαιρέσετε την εικόνα ή το βίντεο

1. Επιλέξτε την ταινία και επιλέξτε Change Background Background από το αναδυόμενο μενού.
   
   
2. Προσθέστε την εικόνα ή το βίντεο φόντου ως συνήθως.
   
   
3. Κάντε κλικ στο κουμπί Ρυθμίσεις για να ανοίξετε τις Ρυθμίσεις εικόνας.
   
   
4. Στη συνέχεια, επιλέξτε Parallax από τα εφέ κύλισης.
   
   

Οδηγίες Βίντεο: Wix Design Tutorials: Creating a Multi-Layered Parallax Site (Ενδέχεται 2024).