الرسوم المتحركة التي تعتمد على التمرير في CSS مع ScrollTimeline وViewTimeline وتأثيرات اختلاف المنظر والتحسين التدريجي لتأثيرات التمرير عالية الأداء. يُستخدم عند تنفيذ الرسوم المتحركة المرتبطة بالتمرير أو اختلاف المنظر.
ثبّت مهارة الذكاء الاصطناعي scroll-driven-animations بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: 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-animationsBrowse more skills from yonatangross/skillforge-claude-plugin
الرسوم المتحركة التي تعتمد على التمرير في CSS مع ScrollTimeline وViewTimeline وتأثيرات اختلاف المنظر والتحسين التدريجي لتأثيرات التمرير عالية الأداء. يُستخدم عند تنفيذ الرسوم المتحركة المرتبطة بالتمرير أو اختلاف المنظر. المصدر: yonatangross/skillforge-claude-plugin.
افتح الطرفية أو أداة سطر الأوامر لديك مثل 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