صور متحركة رائعة للويب
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
Web Animations هي مجموعة جديدة من المعايير لتوحيد الصور المتحركة في CSS وJavaScript. باستخدام Web Animations، يمكنك الاستفادة من فعالية الرسوم المتحركة في وحدة معالجة الرسومات مع الحفاظ على التحكم في العمل في JavaScript. لكن تنسيق كل هذه الرسوم المتحركة ليس بالمهمة السهلة ولحسن الحظ هناك عنصر لذلك - إنه سلوك في الواقع ولكن ابقَ معي!
في هذه الحلقة، سأعلّمك كيفية استخدام سلوكيات الرسوم المتحركة النيونية من قائمة عناصر البوليمر إلى الجمع بين سلوك الرسوم المتحركة السلس بدون عناء إدارة كل العناصر بنفسك. وباستخدام هذه المعلومات، أصبحنا نتعرف على العنصر الأسطوري لصفحات الصور المتحركة النيون في الحلقة التالية.
قراءة المزيد
مصدر المشروع
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 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","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 (حسب التوقيت العالمي المتفَّق عليه)"],[],["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"]]
