Animazioni da sito premiato in Webflow
Ricostruisci le animazioni che vedi sui siti da Awwwards — un effetto hover con impilamento di immagini guidato dal CMS e una sequenza while-scrolling curata, in Webflow.
2 lezioni
Hai visto questi effetti sui siti che vincono i premi — un’immagine che si impila e segue il cursore mentre passi sopra una lista, una sequenza che si svela in modo elegante mentre scrolli — e ti sei chiesto quanto di tutto ciò richieda codice. La risposta è: meno di quanto pensi. Questo corso ricostruisce quelle interazioni distintive in Webflow, fatte bene, partendo dal layout.
Entrambe le lezioni sono deep-dive lunghi e ragionati, perché la differenza tra “carino” e “da premio” sta nei dettagli — le scelte di layout, la configurazione del CMS e l’approccio che mantiene l’animazione fluida e responsive. Ognuna arriva con un cloneable, così puoi studiare il progetto finito insieme alla spiegazione.
In questo corso
- Animazione hover con immagini impilate in Webflow Ricrea in Webflow un'animazione hover premiata e guidata dal CMS, dove le immagini di anteprima compaiono, scalano e si impilano una sull'altra con pochissimo codice.
- Animazioni while-scrolling da premio in Webflow (senza codice) Ricrea una gallery scalante while-scrolling da premio in Webflow con interazioni native, trigger in posizione assoluta e un trucco con calc() — senza una riga di codice.