אנימציות אינטרנט חכמות
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
אנימציות באינטרנט הן קבוצה חדשה של תקנים שמאחדים אנימציות CSS ו-JavaScript. עם אנימציות באינטרנט מקבלים את העוצמה של אנימציות ב-GPU תוך שמירה על שליטה בעבודה ב-JavaScript. אבל תיאום כל האנימציות האלה הוא משימה לא קלה, ולמרבה המזל יש אלמנט לכך - התנהגות מסוימת, אבל להישאר איתי!
בפרק הזה אלמד אתכם איך להשתמש באנימציות הניאון מקטלוג של רכיבי Polymer Element כדי לשלב דמויות אנימציה חלקה, בלי להתאמץ לנהל הכול בעצמכם. ועם הידע הזה, כולנו מוכנים ללמוד על המרכיב האגדי של דפי ניאון מונפשים באחד מהפרקים הבאים.
מידע נוסף
מקור הפרויקט
https://github.com/Polymer/polycasts/tree/master/ep23-neon-animation/login-panel
מסמכי אנימציה נאון
https://elements.polymer-project.org/elements/neon-animation?active=neon-animated-pages
מדריך אנימציה נאון
https://elements.polymer-project.org/guides/using-neon-animations
סמלים מותאמים אישית עם ערכות של סמלי ברזל – Polycasts #22
https://www.youtube.com/watch?v=tjmRUgUca1g&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=2
התנהגויות – שידורי Polycast מס' 21
https://www.youtube.com/watch?v=YrlmieL3Z0k&index=1&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN
סמלי ברזל – Polycasts #20
https://www.youtube.com/watch?v=6kkNgVG6LuI&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=1
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-07-25 (שעון 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"]],["עדכון אחרון: 2025-07-25 (שעון UTC)."],[],["Web Animations unify CSS and JavaScript animations, allowing GPU-powered animation with JavaScript control. The core action is learning to utilize the neon-animation behaviors from the Polymer Element catalog. This facilitates streamlined animation integration without manual management. Resources provided include links to the project source, Neon Animation documentation, a guide, and related video tutorials on custom icons, behaviors, and Iron Icons. This knowledge prepares for the use of the `neon-animated-pages` element.\n"]]