انیمیشن های وب نرم
با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
انیمیشن های وب مجموعه جدیدی از استانداردها برای یکسان سازی انیمیشن های CSS و جاوا اسکریپت هستند. با Web Animations، در حالی که کنترل کار در جاوا اسکریپت را حفظ می کنید، قدرت انیمیشن سازی را در GPU دریافت می کنید. اما هماهنگ کردن همه این انیمیشن ها کار ساده ای نیست و خوشبختانه یک عنصر برای آن وجود دارد - در واقع یک رفتار است اما با من بمانید!
در این قسمت به شما یاد می‌دهم که چگونه از رفتارهای انیمیشن نئون از کاتالوگ 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
نمادهای سفارشی با مجموعه آیکون‌های آهنی -- چندپخشی شماره 22
https://www.youtube.com/watch?v=tjmRUgUca1g&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=2
رفتارها -- چندپخشی شماره 21
https://www.youtube.com/watch?v=YrlmieL3Z0k&index=1&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN
Iron Icons -- Polycasts #20
https://www.youtube.com/watch?v=6kkNgVG6LuI&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=1
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده 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"]]
