rendering-animate-svg

Many browsers don't have hardware acceleration for CSS3 animations on SVG elements. Wrap SVG in a and animate the wrapper instead. Important for 8-bit components with pixel art icons and animations.

This applies to all CSS transforms and transitions (transform, opacity, translate, scale, rotate). The wrapper div allows browsers to use GPU acceleration for smoother animations, which is especially noticeable for retro pixel art animations.

قم بلف عناصر SVG المتحركة في div لتمكين تسريع الأجهزة. يتم تطبيقه عند تحريك أيقونات أو عناصر SVG، خاصة في المكونات القديمة ذات 8 بت مع الرسوم المتحركة الفنية بالبكسل. المصدر: theorcdev/8bitcn-ui.

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/theorcdev/8bitcn-ui --skill rendering-animate-svg بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw