Maak een interactieve schakelaar met progressive blur en gradiënten

HanaBeginner4 min

In deze tutorial laten we zien hoe je een interactieve schakelaar maakt, 100% in Hana, met progressive blur en gradiënten, en een Mouse Hover-event voor de interactie. Het is een interessant design dat je in allerlei projecten kunt gebruiken, en we lopen elke stap met je door.

Remix deze demo hier: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

Wat je leert

  1. 0:00Intro
  2. 0:15De basisvorm maken
  3. 0:39Een gradiënt toevoegen
  4. 1:04Een layer blur-effect toevoegen
  5. 1:46Triggers maken
  6. 1:57Het Mouse Hover-event en transities toevoegen
  7. 2:24De witte lijn maken en states toevoegen
  8. 3:07Transities voor de lijn instellen
  9. 3:35Afsluiting

Gerelateerde bronnen

Gerelateerde tutorials

Alle tutorials