מדריך הדרכה בעברית של GSAP

[.A.B.]

היי כולם,
אשמח אם מישהו מכיר הדרכה (קצרה / ארוכה / ממוקדת או רחבה)
בכל מה שקשור לGSAP
תודה רבה
(גם אם זה על קוד ספיצפי)

 

[רבקהm]

יש לך ביוטיוב את הבחורה הזו שיש לה כמה סרטונים של הדרכות ממש טובות גם על GSAP למשל:

GSAP HERO EXPERIENCE ON LOAD IMAGE & TEXT - Elementor Wordpress Tutorial Flex Container

Happy New Year, EVERYONE!!!! Thank you all for your support during 2024! Stay tuned for what's to come in 2025! 🥳CODE: https://ohwow.club/how-to-build-a-her...

www.youtube.com

 

[.A.B.]

תודה
מחפשת בעברית וממש ממוקד לGSAP

 

[לרר Design]

זומליינר של חיים בניסטני ובו שיר עוזיאל הסבירה על אנימציות GSAP

אנימציות GSAP מטורפות באלמנטור 🤯

אחד הזומים הכי מרשימים שידענו בקהילה, והנה הלינק להרשמה לסדנת GSAP עם שיר עוזיאל האלופה ולסדנת אוטומציות עם איתי זרם:https://schooliner.com/winter/27.01 מתחי...

click.smoove.io

 

[תמנתי ווב דיזיין]

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

 

[סיון]

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

כל ההמלצות על הקורסים נמחקו (לא משנה של מי)
נשארו רק הדרכות שזה נושא האשכול.
במידה ורוצים לתת המלצות לקורס בצורה מאסיבית כמו שנעשה כאן אפשר בשמחה לפנות ולבדוק מול ההנהלה @הכלבויניק
או לפנות אלי ואני בעצמי אפנה להנהלה לבדוק - אלו לא החלטות שלי.

עריכה:
נ.ב. שום דבר לא מכור, להפך אם כבר להמליץ אז אמליץ על רבקי המקצוענית שפעילה ועוזרת כאן בפורום ומעורכת מאד.

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

 

[בובה בובה]

יש לרבקי צ'ולק הדרכות מדהימות שהיא מחלקת ברשימת התפוצה שלה
הכל עולה גם לאתר, הנה קישור לאחת ההדרכות האחרונות שהיא שלחה

 

[קישורים]

יש פה מישהוא שמכיר גבר שמעביר /מוכר סדנאות GSAP בצורה מקצועית
ב. חיים בניסטי שיתף אתמול קוד GASP לאנימציית כניסה של כל האלמנטים בעמוד
הכנסתי אותו לאתר והוא מעלים את התוכן של הפופאפ
מישהוא יכול לעזור
זה האתר https://ydromi.xyz/
זה הקוד

ספוילר: ספוילר

<style>

.elementor-element:not(.dont) {

opacity: 0;

transform: translateY(8vh) skewY(-3deg);

transition: opacity 0.5s ease, transform 0.8s ease 0.2s;

}

.elementor-element.animated:not(.dont) {

opacity: 1;

transform: translateY(0) skewY(0deg);

}

</style>



<script>

document.addEventListener("DOMContentLoaded", () => {

const handleIntersection = (entries, observer) => {

entries.forEach(entry => {

entry.target.classList.toggle('animated', entry.isIntersecting);

});

};

const observer = new IntersectionObserver(handleIntersection, {

root: null,

rootMargin: '0px',

threshold: 0

});

document.querySelectorAll('.elementor-element').forEach(element => observer.observe(element));

});

</script>

 

[rivkic]

הוא מעלים את התוכן של הפופאפ
כי יש שם CSS שמעלים את כל התוכן
ואז קוד שבטעינת הדף מביא את התוכן עם האנימציה.
הבעיה היא שעם טעינת הדף הפופאפ עדיין לא קיים, ולכן הוא נשאר ריק - מושפע מה CSS.
פתרון "פלסטר" שאני יכולה לתת ככה בשלוף בפרוג
הוא להוסיף בפופאפ קוד CSS מתקן
להכנס שם ל"מתקדם" => "CSS מותאם" ואז לרשום:

selector .elementor-element:not(.dont)  {
    opacity:1!important;
}

לגבי קורס GSAP לגברים
יש אצלי אפשרות לקנות גם את הקורס בפורמט דיגיטלי עם תמיכה במייל
אפשר לראות פרטים עליו כאן -

קורס קסם ה GSAP - App.Up.Go!

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

appupgo.co.il

 

[הפקות על]

גם לי הקוד הזה העלים את כל התוכן של האתר

 

[קישורים]

את כל האתר זה מעלים בעריכה של אלמנטור אבל באתר החי הכל נכנס באנימציה אבל בפופאפ יש בעיה שגם באתר החי זה לא נכנס