אפקט Parallax של Wix

• מאי 4, 2024

אנימציה נחמדה שנמצאת באתרי Wix היא אפקט הגלילה של הפראלקס. זו לא אנימציה אמיתית אבל היא אכן מוסיפה אשליה של תנועה, עומק וממד לדף האינטרנט שלך.

אפקט זה פופולרי כבר מספר שנים והוא דרך נחמדה להוסיף מעט עניין לאתר מבלי להוסיף אנימציה מכריעה. גלילת פראלקס נוצרת כאשר אתה אומר לדפדפן לגלול את תמונת הרקע בקצב איטי יותר משל שאר האלמנטים בדף. כפי שניתן היה לצפות, אפקט הגלילה הוא נהדר עבור אותם אתרים ארוכים עם עמוד אחד.

טכניקה זו נוצרת בעזרת JavaScript, CSS ואלמנטים div. רק הערה שכדאי לזכור היא שלרוב המכשירים הניידים יש בעיה עם CSS רקע קבוע. אז, Wix מכבה את האפקט עבור מכשירים ניידים.

אך בעת יצירת אתר Wix שלך, אין קידוד מעורב. זה קל כמו בחירה באפשרות Parallax לתמונת רקע או תמונת רצועה. ניתן להוסיף אותו גם לסרטון רצועה.

מבלי להחיל את גלילת הפרלקס, תמונת הרקע לדף האינטרנט תעבור באופן לא משתלב עם שאר האלמנטים בדף כאשר הצופה גולל מעל הדף.

עם זאת, כאשר אנו מיישמים את אפקט הגלילה של Parallax על תמונת הרקע, תמונת הרקע גולשת באטיות כאשר הצופה גולל מעל הדף. הממד מתרחש כאשר האלמנטים האחרים בעמוד גולשים מהר יותר מתמונת הרקע.

האפשרות השלישית, אפשרות ההקפאה, עבור תמונת הרקע אפשרויות אפקטים של גלילה היא לנעול את תמונת הרקע במקום כששאר רכיבי העמוד גולשים כלפי מעלה או מטה.

הוסף פרלקס לתמונת הרקע

1. לחץ על סמל הרקע בתפריט בצד שמאל.
   
   
2. הוסף את תמונת הרקע שלך כרגיל.
   
   
3. לחץ על כפתור ההגדרות כדי לפתוח את הגדרות התמונה.
   
   
4. בחר באפשרות אחת משלושה עבור אפקטים של גלילה.
   
   
   • ללא - הרקע ינוע באותו קצב כמו שאר האלמנטים בדף.
     
     
   • פראלקס - הרקע יעבור לאט יותר משל שאר האלמנטים בדף.
     
     
   • הקפאה - הרקע יישאר על מקומו אך האלמנטים האחרים יגללו.
     
     

הוסף פראלקס לתמונת רצועה או וידאו

1. בחר ברצועה ובחר שנה רקע רצועה מהתפריט המוקפץ.
   
   
2. הוסף תמונת רקע או וידאו כרגיל.
   
   
3. לחץ על כפתור ההגדרות כדי לפתוח את הגדרות התמונה.
   
   
4. בשלב הבא בחרו Parallax מתוך אפקטים הגלילה.
   
   

הוראות וידאו: WIX 1 - הכרות בסיסית - יצירת אתר וממשק משתמש (מאי 2024).