Créer un interrupteur interactif avec flou progressif et dégradés

Leçon 8 sur 15HanaDébutant4 min

Dans ce tutoriel, nous vous montrons comment créer un interrupteur interactif réalisé à 100 % dans Hana avec un flou progressif, des dégradés et un événement de survol de la souris pour l’interaction. C’est un design intéressant, utilisable dans toutes sortes de projets, et nous vous guidons à chaque étape.

Remixez cette démo ici : https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

Ce que vous allez apprendre

  1. 0:00Intro
  2. 0:15Créer la forme de base
  3. 0:39Ajouter un dégradé
  4. 1:04Ajouter un effet de flou de calque
  5. 1:46Créer les déclencheurs
  6. 1:57Ajouter l’événement de survol de la souris et les transitions
  7. 2:24Créer le contour blanc et ajouter des états
  8. 3:07Définir les transitions du contour
  9. 3:35Fin

Ressources associées