rendering-animate-svg

SKILL.md

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.

Wickeln Sie animierte SVG-Elemente in ein Div ein, um die Hardwarebeschleunigung zu ermöglichen. Anwendung beim Animieren von SVG-Symbolen oder -Elementen, insbesondere in 8-Bit-Retro-Komponenten mit Pixel-Art-Animationen. Quelle: theorcdev/8bitcn-ui.

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/theorcdev/8bitcn-ui --skill rendering-animate-svg Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Original anzeigen