Flip 3D impilato: schede che ruotano intorno all’asse verticale in una sezione pinnata

Argomenti

Animazioni e UI Automazione n8n E-commerce e WooCommerce Estensioni Google Chrome Linux Progetti SEO e Dati Strutturati Sicurezza e Distribuzione Uncategorized

Accessibilità AI Automazione CSS GSAP Gutenberg JavaScript Linux Normativa Owl Carousel Performance PHP REST API SEO Sicurezza Windows WooCommerce WordPress

Premessa

Il flip 3D impilato unisce due idee del plugin: lo stacking pinnato e la rotazione 3D. Le schede non traslano, restano ferme e centrate; scrollando, quella corrente ruota via attorno all’asse verticale e svanisce, mentre la successiva ruota in posizione dal lato opposto e si impila sopra. È un effetto da presentazione, ottimo per una sequenza di concetti o di slide.

Riusa la prospettiva fissa imparata col flip in entrata (impostata una volta, mai animata) e la timeline scrubbed dello stacking. È la dimostrazione che, una volta risolte le trappole di base, comporre effetti nuovi diventa questione di combinare pezzi già affidabili.

Provalo dal vivo

Scorri lentamente: la sezione si blocca, ogni scheda ruota via e la successiva entra ruotando dal lato opposto.

Concetto 1

Concetto 2

Concetto 3

Concetto 4

Senza JavaScript o in modalità ridotta le schede restano nel flusso normale, leggibili, senza rotazione né blocco dello scroll.

Per maggiori informazioni contattami: info@davidemugnaini.it.