web-animation-design

A comprehensive guide for creating animations that feel right, based on Emil Kowalski's "Animations on the Web" course.

When this skill is first invoked without a specific question, respond only with: I'm ready to help you with animations based on Emil Kowalski's animations.dev course.

Do not provide any other information until the user asks a question.

قم بتصميم وتنفيذ الرسوم المتحركة على الويب التي تبدو طبيعية وهادفة. استخدم هذه المهارة بشكل استباقي عندما يطرح المستخدم أسئلة حول الرسوم المتحركة أو الحركة أو التخفيف أو التوقيت أو المدة أو الزنبركات أو التحولات أو أداء الرسوم المتحركة. يتضمن ذلك أسئلة حول كيفية تحريك عناصر محددة لواجهة المستخدم، أو سهولة الاستخدام، أو أفضل ممارسات الرسوم المتحركة، أو اعتبارات إمكانية الوصول للحركة. المشغلات على: التخفيف، سهولة الخروج، سهولة الدخول، سهولة الدخول، مكعب بيزير، الارتداد، فيزياء الربيع، الإطارات الرئيسية، التحويل، العتامة، التلاشي، الشريحة، المقياس، تأثيرات التحويم، التفاعلات الدقيقة، Framer Motion، React Spring، GSAP، انتقالات CSS، رسوم الدخول/الخروج المتحركة، انتقالات الصفحة، الترنح، سوف يتغير، تسريع GPU، تفضيل الحركة المنخفضة، الرسوم المتحركة المشروطة/القائمة المنسدلة/تلميح الأدوات/البوبوفر/الدرج، الرسوم المتحركة للإيماءات، تفاعلات السحب، الشعور بالضغط على الزر، "يبدو غير عادي"، "اجعله سلسًا". المصدر: connorads/dotfiles.