לחשוב על דרכים לפתרון טקסט מדע בדיוני בתלת-ממד
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
באתגר ממשק ה-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 - סיום
מקורות מידע:
לצפייה באתגרים נוספים של ממשק ה-GUI ← https://goo.gle/GUIchallenges
נרשמים למינוי למפתחים של Google Chrome ← https://goo.gle/ChromeDevs
arrow_back חזרה לכל הפרקים
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2023-04-12 (שעון UTC).
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2023-04-12 (שעון UTC)."],[],[]]