Spline
Kontaktovat obchodní odděleníZačněte tvořit

Vytvořte interaktivní přepínač s progresivním rozostřením a přechody

HanaZačátečník4 min

V tomto návodu vám ukážeme, jak vytvořit interaktivní přepínač ze 100 % v Haně pomocí progresivního rozostření a přechodů a události najetí myší pro interakci. Je to zajímavý návrh, který se hodí do nejrůznějších projektů, a provedeme vás každým krokem.

Remixujte tuto ukázku zde: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

Co se naučíte

  1. 0:00Úvod
  2. 0:15Tvorba základního tvaru
  3. 0:39Přidání přechodu
  4. 1:04Přidání efektu rozostření vrstvy
  5. 1:46Tvorba spouštěčů
  6. 1:57Přidání události najetí myší a přechodů
  7. 2:24Tvorba bílého tahu a přidání stavů
  8. 3:07Nastavení přechodů pro tah
  9. 3:35Závěr

Související zdroje

Související návody

Všechny návody
Navrhujte interaktivní efekty s progresivním rozostřením a hladkými přechody

HanaZačátečník9 min

Vytvořte materiály liquid glass ve 3D

Spline 3DZačátečník12 min

Jak ve Spline vytvořit 3D vizualizace dat pomocí proměnných a API v reálném čase

Spline 3DPokročilý15 min