Stwórz interaktywny przełącznik z progresywnym rozmyciem i gradientami

Lekcja 8 z 15HanaPoczątkujący4 min

W tym samouczku pokażemy, jak stworzyć interaktywny przełącznik zrobiony w 100% w Hana z progresywnym rozmyciem i gradientami oraz zdarzeniem najechania kursorem do obsługi interakcji. To ciekawy projekt, który można wykorzystać w wielu projektach – przeprowadzimy Cię przez każdy krok.

Zremiksuj to demo tutaj: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

Czego się nauczysz

  1. 0:00Wstęp
  2. 0:15Tworzenie kształtu bazowego
  3. 0:39Dodawanie gradientu
  4. 1:04Dodawanie efektu rozmycia warstwy
  5. 1:46Tworzenie wyzwalaczy
  6. 1:57Dodawanie zdarzenia najechania kursorem i przejść
  7. 2:24Tworzenie białego obrysu i dodawanie stanów
  8. 3:07Ustawianie przejść dla obrysu
  9. 3:35Zakończenie

Powiązane materiały