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.

Avvolgi gli elementi SVG animati in un div per abilitare l'accelerazione hardware. Applicare durante l'animazione di icone o elementi SVG, in particolare in componenti retrò a 8 bit con animazioni pixel art. Fonte: theorcdev/8bitcn-ui.

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/theorcdev/8bitcn-ui --skill rendering-animate-svg Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw