גם את
פספסת את זה?

תלמידה חרוצה שלי

ברכה כהנר

יצרה אפקט אלוף

שהוא קליל וכיף,

ולכן מתאים לי בול

לתת לך הדרכה עליו.

 

זה האפקט:

נכון שימושי ומדליק?

 

שימי משפט מסקרן

שיגרום לגולש לזוז באתר

ו…

הכל כבר ירוץ הלאה…

 

אז איך תכלס עושים את זה?

ביצעתי שם כמה שינויים

כדי שהוא יתאים לשילוב בכל מקום באלמנטור:

 

צרי אלמנט כותרת באלמנטור

במתקדם -> CSS ID תמלאי את הערך: text-to-change

בכותרת הזו שימי את הטקסט שתרצי שיראו לפני הלחיצת כפתור.

צרי מתחתיו אלמנט נוסף מסוג כפתור

ושם במתקדם -> CSS ID שימי את הערך: text-to-change-btn

מתחת לכל זה,

צרי אלמנט חדש מסוג HTML

ושימי בתוכו את הקוד הבא:

				
					<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/TextPlugin.min.js"></script>
<script>
    document.addEventListener("DOMContentLoaded", (event) => {
		gsap.registerPlugin(TextPlugin)
	});
    jQuery('#text-to-change-btn').click(animateText);
    function animateText() {
       elem = jQuery('#text-to-change h2');
       gsap.to(elem, {
          duration: 2,
          text: "אתרי אינטרנט מורכבים, ואפליקציות חדשניות!",
          ease: "none",
        });
        jQuery('#text-to-change-btn').fadeOut();
    }
   
</script>
				
			
 

במקום המילים "אתרי אינטרנט מורכבים וכו'" בקוד

שימי את הטקסט שאת רוצה

שיתגלה אחרי לחיצת הכפתור.

 

זהו 🙂

נכון מושלם?

 

ביום שני ערכתי מפגש זום

בו הצגתי כמה קסמים אלופים

של GSAP.

 

שיתפתי גם בהכשרה

חדשה מהניילונים

שכבר התגבשה אליה קבוצה

 

והיא עומדת להתחיל בעז"ה

מייד עם תחילת הלימודים

בנושא –

קסם ה GSAP

 

או בעברית:

שימוש בכלי

שהופך את האתרים שלך

לאתרי השראה

ברמה בינלאומית.

 

הקטע הוא

שלא מספיק עדכנתי על מפגש הזום

שלחתי איזה מייל אחד

עם הערת אגב עליו

ובנות ממש הרגישו פספוס.

 

אי לכך

ובהתאם לזאת

בעז"ה ביום שני הקרוב – 5.8

בשעה 21:30

 

אערוך שידור חוזר

ואציג שוב את קסמי ה GSAP

משחקי טקסט אלופים

שליטה מטורפת

בכל מה שקורה תוך כדי גלילה

אנימציות SVG

עם אפשרויות בלתי נגמרות

ועוד…

מוזמנת בחום

מחכה לך,

רבקי

לפוסט הזה יש 2 תגובות

  1. אביטל ביטון

    מדהים!

    1. appupgoco

      תודה אביטל 🙂
      כיף לקרוא!

כתיבת תגובה

אולי תאהבי גם:

גם את פספסת את זה?

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

זה למה נמאס לי לקנות מותגים

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

הי, לאן את רצה?

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