·stacked-cards
</>

stacked-cards

Crea pile di carte a ventaglio/cascata orizzontalmente con il corretto ordinamento z-index e animazioni di sollevamento al passaggio del mouse. Da utilizzare quando si creano browser di album, ventagli di carte, anteprime impilate o qualsiasi raccolta di carte sovrapposte.

4Installazioni·1Tendenza·@ainergiz

Installazione

$npx skills add https://github.com/ainergiz/design-inspirations --skill stacked-cards

Come installare stacked-cards

Installa rapidamente la skill AI stacked-cards 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/ainergiz/design-inspirations --skill stacked-cards
  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: ainergiz/design-inspirations.

Build horizontally cascading card stacks where cards overlap in order, with hover animations that lift cards in place without breaking the cascade.

Why? DOM order determines stacking when z-index values are the same within a parent. By rendering in reverse, the first logical card is the last DOM element, appearing on top.

Why? When you change z-index on hover, the card jumps to the front, breaking the visual illusion of a physical stack. Real cards lift UP in place while staying behind cards in front.

Crea pile di carte a ventaglio/cascata orizzontalmente con il corretto ordinamento z-index e animazioni di sollevamento al passaggio del mouse. Da utilizzare quando si creano browser di album, ventagli di carte, anteprime impilate o qualsiasi raccolta di carte sovrapposte. Fonte: ainergiz/design-inspirations.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/ainergiz/design-inspirations --skill stacked-cards
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-25
Aggiornato
2026-03-10

Browse more skills from ainergiz/design-inspirations

Risposte rapide

Che cos'è stacked-cards?

Crea pile di carte a ventaglio/cascata orizzontalmente con il corretto ordinamento z-index e animazioni di sollevamento al passaggio del mouse. Da utilizzare quando si creano browser di album, ventagli di carte, anteprime impilate o qualsiasi raccolta di carte sovrapposte. Fonte: ainergiz/design-inspirations.

Come installo stacked-cards?

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/ainergiz/design-inspirations --skill stacked-cards 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/ainergiz/design-inspirations

Dettagli

Categoria
</>Sviluppo
Fonte
skills.sh
Prima apparizione
2026-02-25