Premessa
Lo stacking orizzontale è il card stacking ribaltato: le schede entrano da destra e si sovrappongono, mentre lo scroll resta verticale, visivamente è una variante dello stacking verticale.
Non è una funzione nuova: è la stessa dello stacking verticale, parametrizzata sull’asse. Cambia solo la proprietà di entrata (la traslazione su X invece che su Y), tutto il resto (la sezione pinnata, la sequenza scrubbed, la scheda sotto che arretra, lo stesso CSS di sovrapposizione) è condiviso.
Stesso effetto elegante del verticale: senza JavaScript le schede restano nel flusso normale.
Provalo dal vivo
Scorri verso il basso: la sezione si blocca e le schede entrano da destra, una sull’altra.
Scheda 1
Scheda 2
Scheda 3
Scheda 4
Senza JavaScript o in modalità ridotta le schede restano impilate verticalmente, leggibili, senza sovrapposizioni rotte.
Per maggiori informazioni contattami: info@davidemugnaini.it.