כך תבנו פופאפ בעצמכם וללא פלאגינים!

בניית פופאפ רספונסיבי ומונגש נראית מסובכת מנשוא, אבל לאחר שתקראו את הפוסט הזה – גם אתם תוכלו לבנות אחד כזה משלכם בלי בעיה. ראשית נפרק את התהליך לשלבים: יצירת הHTML הוספת CSS פתיחת הפופאפ בסקריפט התאמת CSS לפופאפ הפתוח סקריפט סגירת הפופאפ הוספת מעברים חלקים (transition) הוספת מאפיינים וסקריפטים לצורך הנגשת הפופאפ ונתחיל מההתחלה 1. … להמשך קריאהכך תבנו פופאפ בעצמכם וללא פלאגינים!

פרק ראשון במעברים חלקים – Transition

את הנושא של transition – המעברים החלקים בין שתי מצבים, נתחיל בכמה כללים בסיסיים. מהו transition? כשיש לנו אלמנט כלשהו, שיש לו שתי מצבים או יותר, ניתן לתת לו מעבר חלק בין המצבים. דוגמאות: כפתור או קישור שמקבל אפקט מעבר עכבר ופוקוס כפתור שיש לו מצב פעיל (active) איזור שמתארך למשל במעבר עכבר, כדי להציג … להמשך קריאהפרק ראשון במעברים חלקים – Transition