·scroll-driven-animations
</>

scroll-driven-animations

الرسوم المتحركة التي تعتمد على التمرير في CSS مع ScrollTimeline وViewTimeline وتأثيرات اختلاف المنظر والتحسين التدريجي لتأثيرات التمرير عالية الأداء. يُستخدم عند تنفيذ الرسوم المتحركة المرتبطة بالتمرير أو اختلاف المنظر.

5التثبيتات·0الرائج·@yonatangross

التثبيت

$npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill scroll-driven-animations

كيفية تثبيت scroll-driven-animations

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

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

المصدر: yonatangross/skillforge-claude-plugin.

CSS Scroll-Driven Animations API provides performant, declarative scroll-linked animations without JavaScript. Supported in Chrome 115+, Edge 115+, Safari 18.4+.

| Scroll Progress | scroll() | Tied to scroll container position (0-100%) | | View Progress | view() | Tied to element visibility in viewport |

| Browser | scroll() | view() | ScrollTimeline API |

الرسوم المتحركة التي تعتمد على التمرير في CSS مع ScrollTimeline وViewTimeline وتأثيرات اختلاف المنظر والتحسين التدريجي لتأثيرات التمرير عالية الأداء. يُستخدم عند تنفيذ الرسوم المتحركة المرتبطة بالتمرير أو اختلاف المنظر. المصدر: yonatangross/skillforge-claude-plugin.

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

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

أمر التثبيت
npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill scroll-driven-animations
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-11

Browse more skills from yonatangross/skillforge-claude-plugin

إجابات سريعة

ما هي scroll-driven-animations؟

الرسوم المتحركة التي تعتمد على التمرير في CSS مع ScrollTimeline وViewTimeline وتأثيرات اختلاف المنظر والتحسين التدريجي لتأثيرات التمرير عالية الأداء. يُستخدم عند تنفيذ الرسوم المتحركة المرتبطة بالتمرير أو اختلاف المنظر. المصدر: yonatangross/skillforge-claude-plugin.

كيف أثبّت scroll-driven-animations؟

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

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

https://github.com/yonatangross/skillforge-claude-plugin