·elite-css-animations
</>

elite-css-animations

تقنيات الرسوم المتحركة الأصلية لـ CSS، بما في ذلك واجهة برمجة تطبيقات الرسوم المتحركة التي تعتمد على التمرير، وانتقالات العرض، وقاعدة @property، والتأثيرات المرئية. استخدمه عند سؤالك عن: الرسوم المتحركة CSS، الرسوم المتحركة التي تعتمد على التمرير، المخطط الزمني للتمرير CSS، عرض التحولات، انتقالات الصفحة، @property، تحريك متغيرات CSS، الرسوم المتحركة لمسار المقطع، مرشح الخلفية، وضع المزج المختلط، أقنعة CSS، الرسوم المتحركة CSS فقط، الرسوم المتحركة بدون JavaScript، أو عندما لا تكون هناك حاجة/مطلوب GSAP. يتضمن دليل القرار لـ CSS مقابل GSAP.

14التثبيتات·3الرائج·@rshvr

التثبيت

$npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations

كيفية تثبيت elite-css-animations

ثبّت مهارة الذكاء الاصطناعي elite-css-animations بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: rshvr/elite-web-design.

| Scroll-Driven API | scroll-driven-api.md | | View Transitions | view-transitions.md | | @property Rule | property-rule.md | | Visual Effects | visual-effects.md |

| Feature | Chrome | Firefox | Safari | Edge |

| Scroll-Driven Animations | ✓ 115+ | ✓ 132+ | ✗ (polyfill) | ✓ 115+ | | View Transitions | ✓ 111+ | ✗ | ✓ 18+ | ✓ 111+ | | @property | ✓ 85+ | ✓ 128+ | ✓ 15.4+ | ✓ 85+ | | clip-path animations | ✓ | ✓ | ✓ | ✓ | | backdrop-filter | ✓ | ✓ | ✓ | ✓ |

تقنيات الرسوم المتحركة الأصلية لـ CSS، بما في ذلك واجهة برمجة تطبيقات الرسوم المتحركة التي تعتمد على التمرير، وانتقالات العرض، وقاعدة @property، والتأثيرات المرئية. استخدمه عند سؤالك عن: الرسوم المتحركة CSS، الرسوم المتحركة التي تعتمد على التمرير، المخطط الزمني للتمرير CSS، عرض التحولات، انتقالات الصفحة، @property، تحريك متغيرات CSS، الرسوم المتحركة لمسار المقطع، مرشح الخلفية، وضع المزج المختلط، أقنعة CSS، الرسوم المتحركة CSS فقط، الرسوم المتحركة بدون JavaScript، أو عندما لا تكون هناك حاجة/مطلوب GSAP. يتضمن دليل القرار لـ CSS مقابل GSAP. المصدر: rshvr/elite-web-design.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-05
آخر تحديث
2026-03-11

Browse more skills from rshvr/elite-web-design

إجابات سريعة

ما هي elite-css-animations؟

تقنيات الرسوم المتحركة الأصلية لـ CSS، بما في ذلك واجهة برمجة تطبيقات الرسوم المتحركة التي تعتمد على التمرير، وانتقالات العرض، وقاعدة @property، والتأثيرات المرئية. استخدمه عند سؤالك عن: الرسوم المتحركة CSS، الرسوم المتحركة التي تعتمد على التمرير، المخطط الزمني للتمرير CSS، عرض التحولات، انتقالات الصفحة، @property، تحريك متغيرات CSS، الرسوم المتحركة لمسار المقطع، مرشح الخلفية، وضع المزج المختلط، أقنعة CSS، الرسوم المتحركة CSS فقط، الرسوم المتحركة بدون JavaScript، أو عندما لا تكون هناك حاجة/مطلوب GSAP. يتضمن دليل القرار لـ CSS مقابل GSAP. المصدر: rshvr/elite-web-design.

كيف أثبّت elite-css-animations؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/rshvr/elite-web-design

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-05