ينشئ مجموعات بطاقات مروحية/متتالية أفقيًا مع ترتيب مؤشر z المناسب ورسوم متحركة لرفع التمرير. يُستخدم عند إنشاء متصفحات الألبومات أو مراوح البطاقات أو المعاينات المكدسة أو أي مجموعة بطاقات متداخلة.
ثبّت مهارة الذكاء الاصطناعي stacked-cards بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: ainergiz/design-inspirations.
Build horizontally cascading card stacks where cards overlap in order, with hover animations that lift cards in place without breaking the cascade.
Why? DOM order determines stacking when z-index values are the same within a parent. By rendering in reverse, the first logical card is the last DOM element, appearing on top.
Why? When you change z-index on hover, the card jumps to the front, breaking the visual illusion of a physical stack. Real cards lift UP in place while staying behind cards in front.
ينشئ مجموعات بطاقات مروحية/متتالية أفقيًا مع ترتيب مؤشر z المناسب ورسوم متحركة لرفع التمرير. يُستخدم عند إنشاء متصفحات الألبومات أو مراوح البطاقات أو المعاينات المكدسة أو أي مجموعة بطاقات متداخلة. المصدر: ainergiz/design-inspirations.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/ainergiz/design-inspirations --skill stacked-cardsينشئ مجموعات بطاقات مروحية/متتالية أفقيًا مع ترتيب مؤشر z المناسب ورسوم متحركة لرفع التمرير. يُستخدم عند إنشاء متصفحات الألبومات أو مراوح البطاقات أو المعاينات المكدسة أو أي مجموعة بطاقات متداخلة. المصدر: ainergiz/design-inspirations.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/ainergiz/design-inspirations --skill stacked-cards بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/ainergiz/design-inspirations