Spline
Porozmawiaj z działem sprzedażyZacznij tworzyć

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

HanaPoczą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

Powiązane samouczki

Wszystkie samouczki
Projektuj interaktywne efekty z progresywnym rozmyciem i gładkimi gradientami

HanaPoczątkujący9 min

Twórz materiały liquid glass w 3D

Spline 3DPoczątkujący12 min

Jak tworzyć wizualizacje danych 3D w Spline za pomocą zmiennych i API w czasie rzeczywistym

Spline 3DZaawansowany15 min