01
Seleziona il blocco da animare
Scegli l'elemento o la sezione dal navigator o direttamente sul canvas.
Aggiungi animazioni, trigger e transizioni al tuo sito direttamente nel builder visuale: effetti su click, hover e scroll, pannelli overlay e micro-interazioni, con anteprima immediata e risultato fluido su desktop, tablet e mobile — senza scrivere codice.
Applica fade, slide e transizioni progressive a blocchi e sezioni per dare ritmo alle pagine del sito, mantenendo un design pulito e leggibile.
Attiva le animazioni con gli eventi che preferisci — click, hover, caricamento pagina o scroll — e usale anche per aprire pannelli overlay e menu interattivi.
Regola durata, direzione ed easing dai controlli avanzati del pannello destro e verifica subito il risultato con l'anteprima responsive nello stage.
Bastano 6 passaggi per aggiungere animazioni professionali al tuo sito web, senza scrivere codice.
01
Scegli l'elemento o la sezione dal navigator o direttamente sul canvas.
02
Imposta l'evento — click, hover, scroll o caricamento pagina — dal tab Interazioni dell'inspector.
03
Definisci effetto, direzione, durata ed easing per un movimento fluido e naturale.
04
Controlla subito l'interazione nello stage su desktop, tablet e mobile.
05
Bilancia le transizioni per un'esperienza leggera, veloce e coerente.
06
Conferma il risultato e porta online le animazioni del tuo sito con un clic.
Targetizza elementi, classi e sezioni per applicare le animazioni esattamente dove servono.
Regola durata, easing, direzione e proprietà CSS di ogni effetto dal pannello avanzato.
Attiva le interazioni su click, hover, scroll o al caricamento della pagina.
Crea pannelli overlay, menu e contenuti che compaiono al momento giusto.
Adatta le interazioni ai breakpoint per un risultato perfetto su desktop, tablet e mobile.
Rispetta la riduzione del movimento e mantiene il sito veloce e fluido per tutti.
Crea animazioni che catturano l'attenzione, danno vita al tuo brand e trasformano le visite in risultati concreti.