·elite-css-animations
</>

elite-css-animations

Tecniche di animazione native CSS tra cui API di animazioni guidate da scorrimento, transizioni di visualizzazione, regola @property ed effetti visivi. Utilizzare quando viene richiesto su: animazioni CSS, animazioni guidate dallo scorrimento, sequenza temporale di scorrimento CSS, transizioni di visualizzazione, transizioni di pagina, @property, animazione di variabili CSS, animazioni di percorsi di clip, filtro di sfondo, modalità di fusione mista, maschere CSS, animazioni solo CSS, animazioni senza JavaScript o quando GSAP non è necessario/desiderato. Include una guida decisionale per CSS vs GSAP.

14Installazioni·3Tendenza·@rshvr

Installazione

$npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations

Come installare elite-css-animations

Installa rapidamente la skill AI elite-css-animations nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations
  3. Verifica l'installazione: 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

Fonte: rshvr/elite-web-design.

| Scroll-Driven API | scroll-driven-api.md | | View Transitions | view-transitions.md | | @property Rule | property-rule.md | | Visual Effects | visual-effects.md |

| Feature | Chrome | Firefox | Safari | Edge |

| Scroll-Driven Animations | ✓ 115+ | ✓ 132+ | ✗ (polyfill) | ✓ 115+ | | View Transitions | ✓ 111+ | ✗ | ✓ 18+ | ✓ 111+ | | @property | ✓ 85+ | ✓ 128+ | ✓ 15.4+ | ✓ 85+ | | clip-path animations | ✓ | ✓ | ✓ | ✓ | | backdrop-filter | ✓ | ✓ | ✓ | ✓ |

Tecniche di animazione native CSS tra cui API di animazioni guidate da scorrimento, transizioni di visualizzazione, regola @property ed effetti visivi. Utilizzare quando viene richiesto su: animazioni CSS, animazioni guidate dallo scorrimento, sequenza temporale di scorrimento CSS, transizioni di visualizzazione, transizioni di pagina, @property, animazione di variabili CSS, animazioni di percorsi di clip, filtro di sfondo, modalità di fusione mista, maschere CSS, animazioni solo CSS, animazioni senza JavaScript o quando GSAP non è necessario/desiderato. Include una guida decisionale per CSS vs GSAP. Fonte: rshvr/elite-web-design.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-05
Aggiornato
2026-03-11

Browse more skills from rshvr/elite-web-design

Risposte rapide

Che cos'è elite-css-animations?

Tecniche di animazione native CSS tra cui API di animazioni guidate da scorrimento, transizioni di visualizzazione, regola @property ed effetti visivi. Utilizzare quando viene richiesto su: animazioni CSS, animazioni guidate dallo scorrimento, sequenza temporale di scorrimento CSS, transizioni di visualizzazione, transizioni di pagina, @property, animazione di variabili CSS, animazioni di percorsi di clip, filtro di sfondo, modalità di fusione mista, maschere CSS, animazioni solo CSS, animazioni senza JavaScript o quando GSAP non è necessario/desiderato. Include una guida decisionale per CSS vs GSAP. Fonte: rshvr/elite-web-design.

Come installo elite-css-animations?

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/rshvr/elite-web-design --skill elite-css-animations 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

Dov'è il repository sorgente?

https://github.com/rshvr/elite-web-design