SplineProgetta effetti interattivi con sfocatura progressiva e gradienti morbidi
HanaPrincipiante9 min
In questo tutorial esploriamo diversi stili e tecniche per creare design morbidi e raffinati con gradienti sfumati e sfocatura progressiva, e come trasformarli in esperienze interattive in Hana.
Inizieremo spiegando come aggiungere gradienti ed effetti di sfocatura alle forme, poi passeremo alla creazione di elementi interattivi come animazioni hover, effetti che seguono il cursore, animazioni in loop e sfocature a più livelli. Tutto pronto da incorporare nel tuo progetto web, senza scrivere codice! 👌
Scene demo: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3
Cosa imparerai
- 0:00Introduzione
- 0:15Un design semplice con i gradienti
- 2:57Aggiungere la sfocatura del livello
- 3:41Creare un’interazione Mouse Hover
- 5:28Creare un effetto di sfocatura interattivo sul testo
- 6:44Creare un’animazione in loop di un gradiente radiale
- 7:43Creare un effetto di gradiente e sfocatura che segue il cursore
