סקשנים
בתחזוקה Maintenance Page
עמוד תחזוקה לחנות בצהוב ושחור של אתר בנייה: עגורן מוריד את הבלוק הבא של האתר, גלגלי שיניים מסתובבים, ספירה לאחור ופס התקדמות עם שלבים.
על הרכיב
- העגורן מסיע את הבלוק, מוריד אותו על הערימה וחוזר לקחת את הבא; כל האיור הוא SVG עם אנימציות CSS שנעצרות מחוץ למסך.
- השעון סופר לאחור בשניות והפס מתקדם בין השלבים, כשהשלב הנוכחי מסומן במסגרת מסתובבת; כשהוא מגיע ל-100% הוא מתחיל מחדש.
- את השלבים והאחוז שבו כל אחד מתחיל משנים ב-STEPS, ואת זמן הסיום ב-ETA_S; שדה המייל עובד בתצוגה מלאה.
- מתאים לחנות או אתר בעבודות, השקה שנדחתה או דף ״בקרוב״; בטלפון האיור עולה למעלה ונשאר רק השלב הנוכחי.
עוד סקשנים
זום בגלילה
Scroll Zoom Revealסקשנים · גוללים בתוך הסקשן, והתמונה שבמסגרת גדלה עד שהיא ממלאת הכל, והכותרת נפרדת לשני הצדדים.
הירו פרלקסה
Parallax Heroסקשנים · נוף בשכבות שזזות בעומק לפי הסמן ולפי הגלילה, עם כותרת שיושבת בין ההרים.
תמחור עם מתג
Pricing Toggleסקשנים · סקשן תמחור עם מתג חודשי/שנתי שהמחירים בו מתגלגלים לספרות החדשות, ותוכנית מומלצת עם מסגרת גרדיאנט נעה.
