הדרכה לגלילה קצת אחרת
בעצם במקום שהדף יגלל כרגיל כלפי מעלה
כשגוללים את הדף,
כל אזור נעלם באלגנטיות,
והאזור הבא מופיע במקומו.
בלוג
חחח
טובנו
אל באמת תשתמשי בו להעתקת אפקטים 😉
אבל אני רוצה להדגים לך טריק
שהשתמשתי בו מלאן פעמים
כדי להבין איך אפקט כלשהו נבנה
נראה לך שסתם ככה נהייתי
מאסטרית באפקטים? 😉
חרשתי הרבה עד שהגעתי
לתואר הזה…
היו כמה בנות ששאלו אותי
איך אני יודעת
בכזה ביטחון גמור
שכל אתרי ההשראה המפילים
שאני פוגשת ומציגה
בנויים עם GSAP?
אז הראיתי להן את הטריק הבא –
פתחי את כלי המפתחים בעזרת F12
קודם כל את כבר יכולה לדעת
אם האתר נבנה בוורדפרס או בפלטפורמה אחרת
לפי מבנה ה HTML וה CLASS השונים
אבל לא זה מה שמעניין,
אלא —
הכנסי למקורות – sources
לחצי על ctrl+shift+f
הפעולה הזו תאפשר לך לבצע חיפוש
בכל קבצי הקוד שבאתר הזה
שיש לדפדפן גישה אליהם
אם את לא רואה את אזור החיפוש
"גררי" אותו קצת כלפי מעלה.
עכשיו,
מה בא לך לדעת?
רוצה סתם להבין
אם יש כאן שימוש בקסמים של GSAP?
בואי ניקח לדוגמא
את האתר הזה
פשוט כתבי "gsap"
אם זה אתר באמת מדליק
מובטח לך שתראי מלאן תוצאות 🙂
רוצה לבדוק על אלמנט מסוים
איך יצרו לו אפקט כזה וואו?
כתבי את ה class שלו
או את ה id שלו
או כל מזהה בו הקוד יכול להשתמש
תגלי בטוח כמה סודות…
זו כל התורה על רגל אחת!
אהבת?
שתפי אותי,
רבקי
נ.ב.
מתגבשת קבוצה מהממת
שעומדת בס"ד לעוף
עם קסמי GSAP
ועוד כמה סודות מקצוע
רוצה להיות מהחלוצות בתחום?
כתבי לי על זה!
אולי תאהבי גם:
אזהרת קריאה: זה ארוך. הטרנדים הטכנולוגיים הכי שווים.
אזהרת קריאה:
מודיעה מראש.
זה ארוך.
פשוט זה היה יותר מדי מרתק
כמה שניסיתי לקצר,
זה היה חזק ממני🤩
אחת הנקודות הקריטיות והמרתקות בתחום שלנו היא
שאנחנו כל הזמן חייבות
להיות
גם את פספסת את זה?
תלמידה חרוצה שלי
ברכה כהנר
יצרה אפקט אלוף
שהוא קליל וכיף,
ולכן מתאים לי בול
לתת לך הדרכה עליו.
