用漸進模糊與漸層打造互動開關

第 8 課,共 15 課Hana入門4 分鐘

在這個教學中,我們會示範如何打造一個 100% 用 Hana 製作的互動開關,運用漸進模糊加上漸層,並以滑鼠懸停事件做出互動。這是一個有趣的設計,可以用在各種專案中,我們會一步步帶你完成。

在這裡重新混搭這個示範:https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

你將學到

  1. 0:00開場
  2. 0:15建立基礎形狀
  3. 0:39加入漸層
  4. 1:04加入圖層模糊效果
  5. 1:46建立觸發器
  6. 1:57加入滑鼠懸停事件與轉場
  7. 2:24建立白色筆畫並加入狀態
  8. 3:07設定筆畫的轉場
  9. 3:35結尾

相關資源