באתגר ממשק ה-GUI של היום, @AdamArgyleInk מוסיף זווית #CSS לאפקט טקסט קלאסי של סרט מדע בדיוני בתלת-ממד על ידי הפיכתו לאינטראקטיבי לגלילה. מופעל על ידי אנימציות גלילה מקושרות ב-CSS כפי שצוינו במפרט העדכני ביותר של Scroll Animations 1. תוכלו לראות איך הוא גולל טקסט וגורם לו להיעלם אל שולי הגלקסיה, או אזור התצוגה.
פרקים:
- 0:00 - מבוא
- 0:29 - מבוא
- 1:00 – שעת הסיפור
- 2:20 - אנימציה המונעת גלילה
- 3:21 - HTML
- 4:00 – שירות CSS
- 8:58 - ניפוי באגים
- 10:52 - סיום
מקורות מידע:
- להדגמה: https://goo.gle/410acMc
- למידע על המקור ← https://goo.gle/408Nkc1
- כדאי לעיין במפרט ← https://goo.gle/3pvWX49
לצפייה באתגרים נוספים של ממשק ה-GUI ← https://goo.gle/GUIchallenges
נרשמים למינוי למפתחים של Google Chrome ← https://goo.gle/ChromeDevs