Animazioni CSS, transizioni, fotogrammi chiave e API di movimento moderne. Da utilizzare quando si aggiungono animazioni, transizioni, effetti guidati dallo scorrimento o transizioni di visualizzazione. Utilizzare per animazioni CSS, transizioni, fotogrammi chiave, transizioni di visualizzazione, animazioni di scorrimento, trasformazioni, preferenze di movimento, timeline di animazione.
Installa rapidamente la skill AI css-animation-patterns nel tuo ambiente di sviluppo tramite riga di comando
Fonte: oakoss/agent-skills.
CSS animations and transitions provide hardware-accelerated motion for web interfaces using keyframes, transitions, transforms, and modern scroll-driven and view transition APIs. Animate only composite properties (transform, opacity, filter) for smooth 60fps performance, and always respect prefers-reduced-motion.
The browser rendering pipeline has four stages: Style, Layout, Paint, and Composite. Animating composite-only properties skips Layout and Paint entirely, running on the GPU compositor thread. This is the single most important performance principle for CSS animation.
Modern CSS adds two powerful APIs: scroll-driven animations link keyframe progress to scroll position or element visibility instead of time, and the View Transitions API creates snapshot-based animated transitions between DOM states for both SPAs and MPAs.
Animazioni CSS, transizioni, fotogrammi chiave e API di movimento moderne. Da utilizzare quando si aggiungono animazioni, transizioni, effetti guidati dallo scorrimento o transizioni di visualizzazione. Utilizzare per animazioni CSS, transizioni, fotogrammi chiave, transizioni di visualizzazione, animazioni di scorrimento, trasformazioni, preferenze di movimento, timeline di animazione. Fonte: oakoss/agent-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/oakoss/agent-skills --skill css-animation-patternsAnimazioni CSS, transizioni, fotogrammi chiave e API di movimento moderne. Da utilizzare quando si aggiungono animazioni, transizioni, effetti guidati dallo scorrimento o transizioni di visualizzazione. Utilizzare per animazioni CSS, transizioni, fotogrammi chiave, transizioni di visualizzazione, animazioni di scorrimento, trasformazioni, preferenze di movimento, timeline di animazione. Fonte: oakoss/agent-skills.
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/oakoss/agent-skills --skill css-animation-patterns 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
https://github.com/oakoss/agent-skills