由 Fiddle.Digital 打造
掌握你的動態設計
讓動態擁有重量、景深與控制，並隨捲動精準調校。
即時捲動訊號
string="progress"捲動以調校
保持專注 · 繼續捲動 · 喚醒動態
以優雅創造動畫，不以負擔堆疊。
刀身只回應一組量測後的捲動訊號，讓字體、光線與景深同步變化，不把頁面變成動畫框架。
設計原則
只打造真正需要的部分。讓每個模組獨立運作，也能自然協作。
- 01
模組化架構
只載入頁面真正使用的功能。細小效果保持獨立，再共享同一個可預測的動態介面。
- 02
屬性式整合
沒有儀式，只有清楚訊號。可讀屬性讓行為與被控制的元素保持在一起。
- 03
輕鬆初始化
只需設定一次。共用 runtime 只啟動一次，並自動辨識這個路由。
- 04
效能優先
迅速俐落，輕如呼吸。DOM 動態維持 CSS 優先，三維場景則只使用一個 render loop。
清晰編寫動畫
調校動畫，而不是與 DOM 對抗。
- 01原生
由原生捲動開始。
- 02量測
映射一組穩定的進度值。
- 03分層
讓字體與景深同步回應。
- 04減少
尊重使用者的動態偏好。